use*_*494 4 jquery jquery-ui-datepicker
我有一个日期选择器,但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());
}
});
Run Code Online (Sandbox Code Playgroud)
ham*_*deh 10
选择日期时,此代码必须有效:
$("#datepicker").datepicker({
dateFormat: 'dd/mm/yy'}).on("changeDate", function (e) {
alert("Working");});
Run Code Online (Sandbox Code Playgroud)
小智 3
您使用的某些选项在 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());
}
});
});
Run Code Online (Sandbox Code Playgroud)
如果仍然不起作用,请在错误控制台中检查 javascript 错误。