Datepicker onSelect Not Firing

use*_*494 4 jquery jquery-ui-datepicker

我有一个日期选择器,但onCloseonSelect不会触发.代码在,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 错误。