web-dev-qa-db-ja.com

デフォルトの日付を設定Bootstrap Datepicker

Bootstrap Datepickerでデフォルトの日付を設定するには？

日付を設定したい：24/12/2006

日付ピッカーを開くと、カレンダーでこの日付選択が表示されます。

コード：

$(function()
{

    $('#dob').datepicker(
    {
        <!--viewMode: "years",-->
        onRender: function(date) 
        {
         //return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }       
    }
    );
});

ここにフィドルがあります：

http://jsfiddle.net/ymp5D/204/

javascriptjquerytwitter-bootstrapdatepicker
19
Hassan Sardar

できるよ：

$('#dob').datepicker('setDate', new Date(2006, 11, 24));
$('#dob').datepicker('update');
$('#dob').val('');

Fiddle Demo

35
Felix

変更をグローバルにしたい場合は、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」であることに注意してください。

1
smkings

これは長時間の検索の後、私にとってはうまくいきます。この解決策は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>
1
Sunakshi Maurya

上記の受け入れられたソリューションは停止しています。バージョン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/

1
Bashar Abu Shamaa

私のバージョンでは、valを入力に入れると、カレンダーは自動的に更新されます。

$('#birthdate').val("01/01/2001");
1
Al Gallardo

あなたは単純に値を割り当てることができます（あなたとあなたの入力タグに、それは動作するはずです

<input type="text" class="form-control" value="22-05-2017">
0
Pietro Allievi

私はスタートアップに日付を設定したかったのですが、言及した方法は機能しませんでした。日付は表示されましたが、オブジェクトをクリックしても日付が選択されませんでした。

だから私はライブラリのDatepickerオブジェクトを取得し、_setDateメソッドを適用しました：

$('#dob').data("datepicker")._setDate(date);

しかし、これが機能するためには、日付オブジェクトがUTC時間の真夜中でなければなりません。

var date = new Date();
date.setUTCHours(0,0,0,0);

そして、それはうまくいきました。

0
johanvs