web-dev-qa-db-ja.com

jQuery UI datepickerで今日の日付をデフォルトの日付として設定します

今日の日付をjQuery UIのdatepickerを使用している入力のデフォルト値にしたいだけです。

<input id="mydate" type="text" />

私は以下のコードを試しましたが、うまくいきませんでした：

var currentDate = new Date();  
$("#mydate").datepicker("setDate",currentDate);
jqueryjquery-uijquery-ui-datepicker
64
Chris Abrams

初期化呼び出しとは別にsetDateを呼び出す必要があります。日付ピッカーを作成して、日付を一度に設定するには：

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

なぜこんな感じなのかわかりません。誰かがそうするなら、それは興味深い情報になるでしょう。

97
Martin Eden

datepicker を初期化してから、 datepickermethod

がここにあります

ワーキングJSFiddle 。

$("#mydate").datepicker().datepicker("setDate", new Date());
//-initialization--^          ^-- method invokation
<link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<input type="text" id="mydate" />

追伸：これは、コンピューターに正しい日付が設定されていることを前提としています

81
T J

非常にシンプルで、このスクリプトを追加するだけで、

$("#mydate").datepicker({ dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date());

ここで、setDate set today date＆dateFormatは、設定または表示する形式を定義します。

簡単なスクリプトが機能することを願っています。

24
rjony
$("#date").datepicker.regional[""].dateFormat = 'dd/mm/yy';
$("#date").datepicker("setDate", new Date());

いつも私のために働く

5
Ashisha Nautiyal

これは私のために働く、最初にdatepickerをテキストボックスにバインドし、次の行セットで（今日はデフォルトの日付として）日付をそれに設定する

$("#date").datepicker();

$("#date").datepicker("setDate", new Date());
4
Usman Younas

注：setDateを渡すとき、datepickerがそのオブジェクトで既に初期化されていると想定するメソッドを呼び出しています。

$(function() {    
   $('#date').datepicker();
   $('#date').datepicker('setDate', '04/23/2014');
});

テスト： http://jsfiddle.net/wimarbueno/hQkec/1/

3
Wilzon

これは私のために働いて、それもローカライズしました：

$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
$(function() {
   $( "#txtDespatchDate" ).datepicker( );
   $( "#txtDespatchDate" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
   $('#txtDespatchDate').datepicker('setDate', new Date());
});
2
Jan

初期化でデフォルトの日付を設定します。

$("#date").datepicker({
    defaultDate: '01/26/2014'
});
2
Morten Holmgaard

MinDate：0を設定するだけです

これが私のスクリプトです：

$("#valid_from")
   .datepicker({
     minDate: 0,
     defaultDate: "+1w",
     changeMonth: true,
     numberOfMonths: 3
})
1
Mike Nguyen

私は多くの方法を試し、必要に応じて完全に機能する独自のソリューションを思い付きました。

「mydate」は、入力または日付ピッカー要素/コントロールのIDです。

        $(document).ready(function () {

        var dateNewFormat, onlyDate, today = new Date();

        dateNewFormat = today.getFullYear() + '-' + (today.getMonth() + 1);

        onlyDate = today.getDate();

        if (onlyDate.toString().length == 2) {
            dateNewFormat += '-' + onlyDate;
        }
        else {
            dateNewFormat += '-0' + onlyDate;
        }
        $('#mydate').val(dateNewFormat);
    });
0
Radha Anil K

定義していません

$("#mydate").datepicker({});
0
Ashish Mehta

これを試して：

$('.datepicker').datepicker('update', new Date(year,month,day));
0
Abdo Bahhous