2017-01-05 5 views
0

フォームにjquery datepickerを使用していますが、選択した日付フィールドには(通常は過去に)既存の値があります。フィールドをクリックすると、datepickerが開きますが、既存の日付の代わりに今日の日付が表示されます。JQuery datepicker plugin:既存の日付を設定する方法(過去の日付など)?

例:

enter image description here

私は日付ピッカーに既存の値を渡すために何をする必要がありますので、それが今日の日付に変更するのではなく、その日に行くのだろうか?

答えて

1

これは、あなたが使用している日付ピッカーのバージョンの古い可能かもしれませんが、私はあなたが日付ピッカーをインスタンス化するときにもそうのように、デフォルトの日付を設定することができると思います。

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

あなたは何をしようとしているのでしょうか(私は思う)、このシナリオでは、テキストボックスの値をデフォルトの日付として渡したいと思っています。

+0

これが軌道に乗って私を取得しています。私はYYYY-MM-DD形式で作業する必要があります。私はドキュメントでそれを行う方法を見たと思います。 –

+1

[jQuery UIの日付フォーマット](https://jqueryui.com/datepicker/#date-formats) - 私が思うISOフォーマットは、あなたが必要とするものを実現します。 'dateFormat'オプションを" yy-mm-dd "に設定することができます。 '「 –

0

setDate機能を使用できます。たとえば:

$("div").datepicker('setDate', date);​ 
0

以下は、jQueryのdatepickerの初期化時に日付を過去のものに設定する方法の例です。

JavaScriptのDateオブジェクトは、月の開始に0の基数を使用することに注意してください。したがって0 = 1月11 = 12月です。

$(document).ready(function() { 
 
    var $datepicker = $('#datepicker'); 
 
    $datepicker.datepicker(); 
 
    $datepicker.datepicker('setDate', new Date(1997,10,17)); 
 
});
<link href="http://code.jquery.com/ui/1.12.1/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="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<input type="text" id="datepicker">

関連する問題