jQuery UI datepicker로 날짜를 선택할 때 트리거 기능

jQuery UI datepicker로 날짜를 선택할 때 트리거 기능

---

jQuery UI datepicker에서 선택한 날짜를 선택할 때 어떻게 onSelect 이벤트를 트리거 할 수 있습니까?

---

작업 데모 : http://jsfiddle.net/YbLnj/

문서 : http://jqueryui.com/demos/datepicker/

암호

$("#dt").datepicker({
    onSelect: function(dateText, inst) {
        var date = $(this).val();
        var time = $('#time').val();
        alert('on select triggered');
        $("#start").val(date + time.toString(' HH:mm').toString());

    }
});

---

다음 코드를 사용하십시오.

$(document).ready(function() {
    $('.date-pick').datepicker( {
     onSelect: function(date) {
        alert(date)
     },
    selectWeek: true,
    inline: true,
    startDate: '01/01/2000',
    firstDay: 1,
  });
});

매개 변수를 직접 조정할 수 있습니다. :-)

---

사용자가 날짜를 선택하지 않고 날짜 선택 대화 상자를 닫는 경우에도 관심이있는 경우 (내 경우에는 날짜를 선택하는 것도 의미가 있음) onClose이벤트에 바인딩 할 수 있습니다 .

$('#datePickerElement').datepicker({
         onClose: function (dateText, inst) {
            //you will get here once the user is done "choosing" - in the dateText you will have 
            //the new date or "" if no date has been selected             
      });

---

$(".datepicker").datepicker().on("changeDate", function(e) {
   console.log("Date changed: ", e.date);
});

---

날짜 선택기가 그리드 행에 있으면 다음과 같이 시도하십시오.

editoptions : {
    dataInit : function (e) {
        $(e).datepicker({
            onSelect : function (ev) {
                // here your code
            }
        });
    }
}

참조 URL : https://stackoverflow.com/questions/11610797/trigger-function-when-date-is-selected-with-jquery-ui-datepicker