ブートストラップ日付ピッカーの日付範囲とデフォルトの日付

私はブートストラップdatepickerで作業しています。ユーザーがテストボックスをクリックすると、デフォルトの日付で日付ピッカーを表示する必要があります。ポイントは1/1/1980です。 minDateとmaxDateは、01/01/1900と現在の日付のようにする必要があります。コード内で何が問題になったか教えてください。ブートストラップ日付ピッカーの日付範囲とデフォルトの日付

<html> 
<head> 
    <script src="/MVCPractice/javascript/jquery-3.1.0.min.js"></script> 
    <script src="/MVCPractice/javascript/bootstrap.min.js"></script> 
    <script src="/MVCPractice/javascript/bootstrap-datepicker.js"></script> 
    <link href="/MVCPractice/css/bootstrap.min.css" rel="stylesheet" /> 
    <link href="/MVCPractice/css/datepicker.css" rel="stylesheet" /> 
    </head> 
    <body> 
      <h2>DatePicker</h2> 
      <label for="txtDob"></label> 
      <input type="text" id="txtDob" /> 

    </body> 
    <script> 
     $(document).ready(function() { 
      $('#txtDob').datepicker(
       { 
        startDate: new Date(1990, 1, 1), 
        endDate: getDate(), 
        defaultDate: new Date(1980,1,1), 
       } 
       ); 
     }); 
    </script> 
</html>

出典

2016-09-10 Nazeer Basha Shaik

あなたの日付の形式が間違っているかもしれ – Borna

new Date（）は、日付と時刻の新しい日付オブジェクトを作成します。 startDate： '1990-01-01'と終了日は同じでなければなりません

出典

2016-09-10 04:51:56

ここにあります。

$('#txtDob').datepicker({ 
 
    startDate: new Date(1990, 01, 01), 
 
    endDate: new Date(), 
 
    setDate: new Date(1980, 01, 01), 
 
    autoclose: true 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet" /> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.de.min.js"></script> 
 

 
<form action="#" method="post"> 
 
    <h2>DatePicker</h2> 
 
    <label for="txtDob"></label> 
 
    <input type="text" id="txtDob" /> 
 
</form>

出典

2017-01-11 08:44:43 ThinhLe

ブートストラップ日付ピッカーの日付範囲とデフォルトの日付

答えて

関連する問題