當使用jQuery UI datepicker選擇日期時觸發函數

當我在jQuery UI datepicker上選擇選定日期時，如何觸發onSelect事件？當使用jQuery UI datepicker選擇日期時觸發函數

2012-07-23 inkwai

究竟你想幹什麼？ – Parag 2012-07-23 10:36:20

文檔：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()); 

    } 
});

來源

2012-07-23 10:36:35

爲什麼'onSelect'沒有被列爲datepicker API上的事件？ – 2014-04-25 23:09:42

@PabloKarzin它在'api documentation'這裏提到'：''='http://api.jqueryui.com/datepicker/並且這裏=> http://api.jqueryui.com/datepicker/#option-onSelect 。 – 2014-04-26 05:01:49

是@Tats_innit，但不是一個事件。它被分類爲一個選項。也許這沒有錯，但作爲一個開發人員，我喜歡將它視爲一個事件 – 2014-04-26 19:56:47

如果日期選擇器是在網格中的行，你可以試試

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

來源

2012-07-23 10:37:06 Franky

使用下面的代碼：

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

您可以自己調整參數:-)

來源

2012-07-23 10:37:09 RTB

@inkwai如果我的anwser幫助請接受它，以便其他人可以學習它。如果不是，我可以怎樣幫助你呢？ – RTB 2012-07-23 13:43:46

如果你也有興趣在用戶關閉日期選擇對話框，而不選擇日期的情況下（在我情況下選擇沒有日期也意），你可以綁定到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    
     });

來源

2012-07-23 10:43:30 Ando

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

來源

2017-08-27 13:25:11

當使用jQuery UI datepicker選擇日期時觸發函數

回答

相關問題