ブートストラップ日付ピッカーのAjax

Question

を使用して、負荷の最大と最小の日付は

ブートストラップ日付ピッカー設定を呼び出しますコンフィギュレーションで

しかし、まだ動作していません、何か間違っていますか？

特定の日付を追加するだけで、ピッカーで有効にすることはできますか？

Answer 1

このstartDateにminDateとMaxDateを変更method: 'GET'

いくつかの修正があなたのコード

• 変更AJAXで作られたコードとendDate

---

をお試しください私の次の例では

$(document).ready(function() { 
(function() { 
     var result; 
     $.ajax({ 
      url: 'https://api.myjson.com/bins/doxkl', 
      async: false, 
      method: 'GET', 
      success: function(data) { 
       result = data; 
      }, 
      complete: function(){ 
       sdate = result[0].start; 
       edate = result[0].end; 
       loadDatepicker(sdate,edate); 
      }, 
      error: function(error,text,http){ 
       alert(error + " " + text + " " + http); 
      } 
     }); 
     function loadDatepicker(sdate,edate){ 
      $('#datepicker').datepicker({ 
      format: 'mm/dd/yyyy', 
      autoclose: true, 
      keyboardNavigation : true , 
      todayHighlight:true, 
      autoclose: true, 
      startDate:sdate, 
      endDate:edate 
      }) 
      .on('changeDate', function() { 
      getMessageDate(); 
      }); 
     } 
    })(); 
}); 

---

私は"start": "08/08/2017"と"end": "08/28/2017"

$(document).ready(function() { 
 
(function() { 
 
     var result; 
 
     $.ajax({ 
 
      url: 'https://api.myjson.com/bins/doxkl', 
 
      async: false, 
 
      method: 'GET', 
 
      success: function(data) { 
 
       result = data; 
 
      }, 
 
      complete: function(){ 
 
       sdate = result[0].start; 
 
       edate = result[0].end; 
 
\t \t \t \t loadDatepicker(sdate,edate); 
 
      }, 
 
      error: function(error,text,http){ 
 
       alert(error + " " + text + " " + http); 
 
      } 
 
     }); 
 
     function loadDatepicker(sdate,edate){ 
 
      $('#datepicker').datepicker({ 
 
      format: 'mm/dd/yyyy', 
 
      autoclose: true, 
 
      keyboardNavigation : true , 
 
      todayHighlight:true, 
 
      autoclose: true, 
 
      startDate:sdate, 
 
      endDate:edate 
 
      }) 
 
      .on('changeDate', function() { 
 
      getMessageDate(); 
 
      }); 
 
     } 
 
    })(); 
 
}); 
 

 

 
     

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css"> 
 
<input type="text" type="text" id="datepicker" />

を設定しています