最大日付は、私が使用しています日付ピッカー

Question

で[次へ]ボタンは無効になりません：

<script src="~/Scripts/jquery-1.8.2.min.js"></script> 
<script src="~/Scripts/bootstrap.min.js"></script> 
<script src="~/Scripts/jquery-ui-1.8.24.min.js"></script> 
<link href="~/Content/AdminPanel.css" rel="stylesheet" /> 
<link href="~/Content/font-awesome.css" rel="stylesheet" /> 
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" /> 

私の日付ピッカー：

$(".datepickBirthday").datepicker({ 
    beforeShow: function (input, inst) { 
     $(document).off('focusin.bs.modal'); 
    }, 
    onClose: function() { 
     $(document).on('focusin.bs.modal'); 
    }, 
    defaultDate: '-10Y', 
    dateFormat: 'd MM, yy', 
    yearRange: "-70:-10", 
    minDate: new Date('-70Y'), 
    maxDate: new Date('-10Y'), 
    changeMonth: true, 
    changeYear: true 
}); 

私は、ユーザーが最後の10年からの入力に制限したいです。つまり、誰が10歳になる必要があります。しかし、問題は、ユーザーが最大または最小の年に達したときにnextまたはprevボタンを無効にしないことです。私はこのhttp://jsbin.com/babapikebo/edit?html,outputをテストしました。 jsbinでは動作しますが、localhostでは動作しません。私はjQueryのUiバージョンが欠けていますか？そうでなければ、どうすれば作れるのですか？ 私は、10歳未満のメンバーを追加するようにユーザーを制限したいだけです。 maxは必要ありません。

Answer 1

カレンダーが最小年とmax年のすべての月のために設定され、前のボタンは分今年の1月まで有効になり、次のボタンは最大年まで有効になり、これを参照してください。この

$(".datepickBirthday").datepicker({ 
      beforeShow: function (input, inst) { 
       $(document).off('focusin.bs.modal'); 
      }, 
      onClose: function() { 
       $(document).on('focusin.bs.modal'); 
      }, 
      defaultDate: '-10Y', 
      dateFormat: 'd MM, yy', 
      yearRange: "-70:-10", 
      minDate: '-70Y', 
      maxDate: '-10Y', 
      changeMonth: true, 
      changeYear: true 
     }); 

Answer 2

をお試しください12月。

$(document).ready(function() {   
 
     $(".datepickBirthday").datepicker({ 
 
      
 
      defaultDate: '-10Y', 
 
      dateFormat: 'd MM, yy', 
 
      yearRange: "-70:-10", 
 
      //minDate: '-70Y', 
 
      //maxDate: '-10Y', 
 
      changeMonth: true, 
 
      changeYear: true 
 
     }); 
 
    });

<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> 
 
<input type="text" class="datepickBirthday" name="datepickBirthday">

あなたのjqueryの順序を変更し、ページ上のブートストラップ・datepicker.jsを追加もしてみてください