调用日期选择器选择从另一个函数

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()功能不另一个函数里面工作？

它不响应我的dateFormat和beforeShowDay设置，该设置基于从我的Ajax调用返回的数据。

如何从返回的承诺中调整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">