Bootstrap Datepickerでデフォルトの日付を設定するには?
日付を設定したい:24/12/2006
日付ピッカーを開くと、カレンダーでこの日付選択が表示されます。
コード:
$(function()
{
$('#dob').datepicker(
{
<!--viewMode: "years",-->
onRender: function(date)
{
//return date.valueOf() > now.valueOf() ? 'disabled' : '';
}
}
);
});
ここにフィドルがあります:
できるよ:
$('#dob').datepicker('setDate', new Date(2006, 11, 24));
$('#dob').datepicker('update');
$('#dob').val('');
変更をグローバルにしたい場合は、bootstrap-datepicker.jsで次を探します。
function UTCToday(){
var today = new Date();
return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());
日付のハードコード、たとえば:
function UTCToday(){
var today = new Date();
return UTCDate(2006, 00, 01);
2006年1月1日にオープンします。何らかの理由で、1月は「01」ではなく「00」であることに注意してください。
これは長時間の検索の後、私にとってはうまくいきます。この解決策はBootstrap datetimepickerバージョン4です。入力フィールドにデフォルトの日付を設定する必要がある場合です。
HTML
"input type='text' class="form-control" id='datetimepicker5' placeholder="Select to date" value='<?php echo $myDate?>'// $myDate is having value '2016-02-23' "
注-PHPでコーディングしている場合、PHPを使用して入力日付フィールドの値を設定できますが、datetimepicker()関数を適用すると、datetimepickerは現在の日付に戻します。それを防ぐために、与えられたJSコードを使用してください
ジャバスクリプト
<script>
$('#datetimepicker5').datetimepicker({
useCurrent: false, //this is important as the functions sets the default date value to the current value
format: 'YYYY-MM-DD'
});
</script>
上記の受け入れられたソリューションは停止しています。バージョン4以降があり、メソッドを呼び出したい場合、最新のファイルを持っている他のユーザーを助けるために、bootstrap datetimepickerメソッドの例を示します。
$('#eventDate').data("DateTimePicker").date(moment(date).format('YYYY-MM-DD'));
bootstrap.datetimepicker形式のオプションサンプル:
$('#eventDate').datetimepicker({ format: 'YYYY-MM-DD' });
詳細については、こちらをご覧ください(ただし、有効なサンプルはありません:)): http://eonasdan.github.io/bootstrap-datetimepicker/Options/
私のバージョンでは、valを入力に入れると、カレンダーは自動的に更新されます。
$('#birthdate').val("01/01/2001");
あなたは単純に値を割り当てることができます(あなたとあなたの入力タグに、それは動作するはずです
<input type="text" class="form-control" value="22-05-2017">
私はスタートアップに日付を設定したかったのですが、言及した方法は機能しませんでした。日付は表示されましたが、オブジェクトをクリックしても日付が選択されませんでした。
だから私はライブラリのDatepickerオブジェクトを取得し、_setDateメソッドを適用しました:
$('#dob').data("datepicker")._setDate(date);
しかし、これが機能するためには、日付オブジェクトがUTC時間の真夜中でなければなりません。
var date = new Date();
date.setUTCHours(0,0,0,0);
そして、それはうまくいきました。