jQuery datepicker确认对话框

Question

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

任何想法如何做到这一点？ 我能够创建确认框并将其连接到onSelect从事件datepicker 。 但是即使单击“ 取消” ， datepicker仍会更改日期。

$('.date').datepicker({
        changeYear: true,
        changeMonth: true,
        onSelect: function (e) {
               var popup = confirm("Do you want to change dates?");
               if (popup == true) {

               } else {
                  return false
               }
           }
        }
    });

Answer 1

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

$( 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);
           }
       }
    });
});