Bootstrap 3でデフォルトの日付を設定する方法現在の入力値に基づいて日付/時刻ピッカーを使用して初めて使用する場合

Question

Bootstrap 3 Date/Time Picker v4.17.42をWebページに統合しようとしています。私はdatepickerを呼び出す前に、日付があらかじめ設定されたテキストフィールドを持っています。

フィールドは次のとおりです。

<input value="19/02/1986" class="form-control datepicker" type="text" name="patient[date_of_birth]" id="patient_date_of_birth"> 

と私はdatepickerをそう呼ばれます。

$('.datepicker').datetimepicker({ 
format: 'DD/MM/YYYY', 
useCurrent: false, 
maxDate: new Date(), 
minDate: now.setFullYear(now.getFullYear() - 110) 

}）;

私は、テキストフィールドをクリックすると日付ピッカーが表示されますが、それは私がフィールドの外にクリックして、後ろにいる場合、日付ピッカーは1986年2月

に正しく設定され再表示され、その後消え、むしろ1986年2月より現在の月を示します

私は何をしなければならないので、月日が最初に開いたときに正しい月が表示されますか？あなたが初期化した後、プログラム的にリフレッシュを強制することができ

Answer 1

：

$('.datepicker').datetimepicker('setDate', new Date(1986, 02, 19)); 
$('.datepicker').datetimepicker('update'); 

をinitalizingときにも、オブジェクトにプロパティを追加することができます。

setDate: new Date(1986, 02, 19) 

Answer 2

をデフォルトのデータを使用するにはちょうどこの

を試してみてください

$("#datepicker").datepicker("setDate", new Date()); 

このスクリプトでは、new Date（）は、setDate attに割り当てられる現在の値を返しますリブート。

Answer 3

あなたが言ったように、これはここに追跡された最新バージョンのバグ、次のとおりです。ただしgithub.com/Eonasdan/bootstrap-datetimepicker/issues/1831

、私はあなたがバージョン4.17を使用しない場合は、その周りの作業は（その間に役立つかもしれないました.37）：

var selectedDate = moment($('#patient_date_of_birth').val(), 'DD/MM/YYYY'); 
$('#patient_date_of_birth').data('DateTimePicker').viewDate(selectedDate); 

datepickerの初期化後にこれを行います。

これは、この特定の日付ピッカーの表示をハードリフレッシュするために必要な構文です。あなたはdata('DateTimePicker')経由でピッカーにアクセスし、viewDate()メソッドはピッカーによって表示される日付を更新します。