jQuery UI datepicker에서 날짜를 가져오는 방법

jQuery UI datepicker에서 날짜를 가져오는 방법

나는 사용자가 jQuery UI datepicker에서 날짜를 선택하고 양식의 버튼을 클릭할 때마다 datepicker에서 날짜를 얻고 싶습니다.

글쎄요, 저는 그들이 선택한 날짜의 일, 월, 년을 받아야 합니다.jQuery UI에서 날짜를 얻으려면 어떻게 해야 합니까?

사용하다

var jsDate = $('#your_datepicker_id').datepicker('getDate');
if (jsDate !== null) { // if any date selected in datepicker
    jsDate instanceof Date; // -> true
    jsDate.getDate();
    jsDate.getMonth();
    jsDate.getFullYear();
}

getDate 함수를 사용하여 날짜를 검색할 수 있습니다.

$("#datepicker").datepicker( 'getDate' );

값은 JavaScript Date 개체로 반환됩니다.

사용자가 날짜를 선택할 때 이 값을 사용하려면 onSelect 이벤트를 사용할 수 있습니다.

$("#datepicker").datepicker({
   onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
   }
});

이 경우 첫 번째 매개 변수는 문자열로 날짜를 선택한 것입니다.parseDate를 사용하여 JS Date Object로 변환합니다.

전체 jQuery UI DatePicker 참조는 http://docs.jquery.com/UI/Datepicker 을 참조하십시오.

이것을 시도해 보세요, 매력적으로 작동하고, 당신이 선택한 날짜를 줍니다.제출 양식에서 이 값을 가져오십시오.

var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val();

여기서 참조

getdate: https://api.jqueryui.com/datepicker/ #method-getDate 링크

$("#datepicker").datepicker( 'getDate' );

가끔 그것 때문에 많은 문제가 생깁니다.데이터 선택기 데이터의 속성 값은 28-06-2014이지만 날짜 선택기가 표시되거나 오늘 또는 아무것도 표시되지 않습니다.저는 다음과 같은 방식으로 결정했습니다.

<input type="text" class="form-control datepicker" data-value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" />

jQuery(this).val() 또는 jQuery(this).attr('value')를 호출하면 아무 것도 작동하지 않기 때문에 datapicker 특성 data-value 입력에 추가했습니다.각 데이터 선택기의 사이클에서 init를 결정하고 속성 데이터 값에서 값을 가져옵니다.

 $("form .datepicker").each(function() {
        var time = jQuery(this).data('value');
        time = time.split('-');
        $(this).datepicker('setDate', new Date(time[2], time[1], time[0], 0, 0, 0));
    });

그리고 잘 작동합니다 =)

NamingException의 답변은 저에게 효과가 있었습니다.사용한 것을 제외하고는

var date = $("#date").dtpicker({ dateFormat: 'dd,MM,yyyy' }).val()

datepicker효과는 없었지만,dtpicker했다.

제쿼리의 행동을 발견하기 위해 웹스크래핑을 만들었습니다.UI 날짜 선택기, JS 개체에 익숙하지 않아서 필요했습니다.

var month = $(".ui-datepicker-current-day").attr("data-month");
var year = $(".ui-datepicker-current-day").attr("data-year");
var day = $(".ui-state-active").text();

클래스 변경과 관련된 값만 선택하므로 변경 시 이벤트를 구현할 수 있습니다.

$(document).on('change', '#datepicker', function() { 
    var month = $(".ui-datepicker-current-day").attr("data-month");
    var year = $(".ui-datepicker-current-day").attr("data-year");
    var day= $(".ui-state-active").text();
   $("#chosenday").text( day + " " + month  + " " + year )  ;
                        
});

또는 현재 날짜를 선택했는지 확인합니다.

   if( $("a").hasClass("ui-state-active") ){ 
     var month = $(".ui-datepicker-current-day").attr("data-month");
     var year = $(".ui-datepicker-current-day").attr("data-year");
     var day= $(".ui-state-active").text();
     $("#chosenday").text( day + " " + month  + " " + year );
    }

언급URL : https://stackoverflow.com/questions/4919873/how-to-get-the-date-from-jquery-ui-datepicker