javascript - jquery datepicker onSelect 不触发

Question

我有一个来自 jquery 的普通 datepicker。它工作正常，但“onSelect”不会触发。有谁知道为什么这不起作用？ “onClose”也不起作用。

我的javascript:

var startDatepickerSettings = {
        format: 'dd.mm.yyyy',
        todayHighlight: true,
        weekStart: 1,
        onSelect: function (date) {
            console.log(date);
        },
        onClose: function() {
            console.log("Closed");
        }
    };

$('.startDate-selection').datepicker(startDatepickerSettings);

还有我的 HTML

<input id="product_0_startDate" class="form-control startDate-selection form-control" type="text" readonly="readOnly" required="required" name="product[0][startDate]">

Answer 1

如果您使用 jquery ui 日期选择器，则使用它的方法。

这是适合您的工作代码。

<input id="product_0_startDate" class="form-control startDate-selection form-control" type="text" readonly="readOnly" required="required" name="product[0][startDate]">

    $(document).ready(function () {



        $(".startDate-selection").datepicker({
            dateFormat: "dd-M-yy",
            minDate: 0,
            onSelect: function (date) {
                var minDate = $(this).datepicker('getDate');
                $(this).datepicker('option', 'minDate', minDate);
                alert("Right");
            }
        });

    });

你也可以这样做:

$(document).ready(function () {

    var settings = {
        dateFormat: "dd-M-yy",
        minDate: 0,
        onSelect: function (date) {
            var minDate = $(this).datepicker('getDate');
            $(this).datepicker('option', 'minDate', minDate);
            alert("Right");
        }
    }

    $(".startDate-selection").datepicker(settings);

});

工作 JS Fiddle