web-dev-qa-db-ja.com

jQuery UI Datepickerの日付形式の問題と初期値

日付ピッカーの最初の日付を2010年3月20日にmm-dd-yyyyy形式で設定する必要があります。私はこれをやった

<input id='datepicker' type='text' value='20/03/2010' />

しかし、私の問題は、フィールドの日付ピッカーをクリックすると、今日の日付が強調表示され、日付が選択されていないこと、および日付の値を選択することです

しかし、以下のように入力フィールドを変更すると

<input id='datepicker' type='text' value='03/20/2010' />

日付ピッカーは、選択された日付と現在の日付が強調表示されているため、3月20日を入力しています。しかし、すべて 'mm-dd-yyyy'形式です！

すべての日付を「dd-mm-yyyy」形式で表示したい。どうすればこれを解決できますか？

以下のオプションと組み合わせのいくつかを試しましたが、どれも私の問題を解決しませんでした

$("#datepicker").datepicker();
$("#datepicker").datepick({dateFormat: 'mm/dd/yyyy'});
$("#datepicker").formatDate('dd/mm/yy');
$('#datepicker').datepicker("setDate", new Date($("#datepicker").val()) );

更新：残念ながら、動的に変化し、PHP変数に格納されているため、JavaScript経由で日付値3月20日を直接設定することはできません。入力フィールド自体からデフォルト値を取得する必要があります。

jquerydateformatdatepicker
13
Mithun Sreedharan
$('#datepicker').datepicker('option', 'dateFormat', 'dd-mm-yy');

年は、2桁の場合はyとして、4桁の場合はyyとして指定されます ここ 。

20
Alex Bagnolini

dateFormatとdefaultDateオプションの組み合わせが必要です：

$("#datepicker").datepicker(
{
    dateFormat: 'mm/dd/yyyy',
    defaultDate: '20/03/2010'
});

ただし、デフォルトの日付を指定する方法は多数あります。必要なものがわからないので、ここでAPIを参照できます： http://docs.jquery.com/UI/Datepicker#option-defaultDate 。

9
Matt Ball

また、type="date"が問題となるため、typeをtextとして設定します。

0
Bishal Paudel

mmは月ではなく分です。
使用する dd/MM/yyyy代わりに。

0
Marco Francisco