jquery - jQueryUIのdatepickerで日付が選択されたときに関数をトリガーする

Question

jQuery UI datepickerで選択した日付を選択したときに、onSelectイベントをトリガーするにはどうすればよいですか？

Answer 1

作業デモ： 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());

    }
});

Answer 2

次のコードを使用します。

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

パラメータは自分で調整できます:-)

Answer 3

ユーザーが日付を選択せず​​に日付選択ダイアログを閉じる場合にも関心がある場合 (私の場合、日付を選択しないことも意味があります)、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             
      });

Answer 4

日付ピッカーがグリッドの行にある場合は、次のようなものを試してください

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