Question

我有以下函数使用promise从异步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设置？

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">

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

1 个答案: