当使用jQuery UI datepickerselectdate时触发函数

如何在jQuery UI datepicker上select一个选定date时触发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

如果您也对用户closuresdateselect对话框而不selectdate的情况感兴趣（在我的情况下selectno date也有意义），您可以绑定到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

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

Answer 5

如果dateselect器在一排网格中，请尝试类似的方法

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