Question

我对jQuery datepicker有这个奇怪的要求。我有一个datepicker附加到输入，该输入已经从数据库中获取了日期。现在我想要实现的是，一旦我点击输入框出现了datepicker（datepicker的默认功能），当我点击任何其他日期时，它需要一个带有 OK 的简单JavaScript确认框，取消，因此点击确定将更改日期，而点击取消则不会。

知道怎么做吗？我能够创建确认框并将其附加到onSelect的{{1}}事件中。但是，即使点击了取消，datepicker仍然更改了日期。

datepicker

Answer 1

将先前的值存储在数据属性中，取消时设置先前的值。试试这个

$( document ).ready(function() {
    $('.date').data("prev", $(this).val());
    $('.date').datepicker({
        changeYear: true,
        changeMonth: true,
        onSelect: function (e) {
           var prevDate = $(this).data("prev");
           var popup = confirm("Do you want to change dates?");
           if (popup == true) {
                $('.date').data("prev", $(this).val());
           } else {
              $( ".date" ).datepicker('setDate',prevDate);
           }
       }
    });
});

jQuery datepicker确认对话框

1 个答案: