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