从另一个函数内部调用日期选取器选项函数

Question

>我有以下函数，它使用承诺从异步 ajax 调用返回数据：

$("#mySelect").on('change', function() {
      var mySelectValue = $('#mySelect').val();
      var promise = getAvailableDates(mySelectValue);
      promise.done( function(data) { // tested and returning data
        var array = data;
        $('#a_date').datepicker({ // this function not working
           dateFormat: "yy-mm-dd",
           beforeShowDay: function (date) {      
               var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
               return [array.indexOf(string) >= 0 ]
           }
        });
      });
   });

为什么 $('#a_date').datepicker() 函数在另一个函数中不起作用？

它不会根据从我的 Ajax 调用返回的数据响应我的dateFormat和beforeShowDay设置。

如何从返回的承诺内部调整日期选取器设置？

Answer 1

在重新初始化之前，必须通过以下语句destroy创建的第一个datetimepicker对象：

$("#datepicker").datepicker("destroy");

请参阅以下内容：

$( function() {
    $( "#datepicker" ).datepicker({
      dateFormat: "yy-mm-dd"
    });
    
    $("#btn1").click(function(){
      $("#datepicker").datepicker("destroy");
      $("#datepicker").datepicker({
        dateFormat: "dd/mm/yy"
      });
      console.log("Format changed, try to select a new date");
    });
  } );

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p>Date: <input type="text" id="datepicker"></p>
<input type="button" id="btn1" value="Change format">