Datepicker onSelect Not Firing

我有一个日期选择器但onClose和onSelect不会触发。 代码在document.ready所以我知道它的初始化。

 $('#DateRangeTo').datepicker({ beforeShow: function (input, inst) { inst.dpDiv.css({ marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px' }); }, format: "dd/mm/yyyy", startView: 1, //daysOfWeekDisabled: "3,4", autoclose: true, todayHighlight: true, //onClose: function (dateText, inst) { alert("here"); } onSelect: function (dateText, inst) { alert("Working"); }, onClose: function (date) { var dt = new Date(date); alert(dt.getMonth()); } }); 

Answer 1

选择日期时，此代码必须有效：

 $("#datepicker").datepicker({ dateFormat: 'dd/mm/yy'}).on("changeDate", function (e) { alert("Working");}); 

Answer 2

您使用的某些选项在datepicker中不可用，请参阅http://api.jqueryui.com/datepicker/

你也缺少$(function () {}); 见下面更新的代码

 $(function () { $('#DateRangeTo').datepicker({ beforeShow: function (input, inst) { inst.dpDiv.css({ marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px' }); }, dateFormat: "dd/mm/yyyy", //startView: 1, //daysOfWeekDisabled: "3,4", //autoclose: true, //todayHighlight: true, //onClose: function (dateText, inst) { alert("here"); } onSelect: function (dateText, inst) { alert("Working"); }, onClose: function (date) { var dt = new Date(date); alert(dt.getMonth()); } }); }); 

如果仍然无法工作，请检查错误控制台中的javascript错误。

Answer 3

如果有多个具有相同ID的输入，则datepicker不会触发onSelect。 您不应该有多个具有相同ID的元素，但是datepicker将显示并显示正常工作和显示。 甚至像onClose这样的其他一些方法也可以工作，但最终的onSelect不会