javascript - 从另一个函数内部调用datepicker选项函数

我有以下函数正在使用一个承诺从异步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设置。

如何从已返回的承诺中调整Datepicker设置？

最佳答案

您必须通过以下语句在重新初始化之前创建的第一个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">