0

jqueryUIdatepickerを追加するレポートを生成するための簡単なフォームがあります。私が抱えている問題は、ユーザーからの情報をフィールドに再入力しようとしたときです。

Jqueryは私の日付フィールドのデフォルト値をリセットしているようです（現在、7月に2つの異なる日付を選択します）。ユーザーが送信した値に戻すにはどうすればよいですか？

私の現在のコード：

<form method="post" action="">
        Username: <input type="text" size="12" name="username" required  value="foo" />
        Password: <input type="password" size="12" name="password" required value="bar" />
        Start Date: <input id="startdate" type="text" size="12" name="startday" required  value="06/28/2012" />
        End Date: <input id="enddate" type="text" size="12" name="endday" required  value="06/30/2012" />

        <script type="text/javascript">
            $(function(){
                $("#startdate").datepicker();
                $("#enddate").datepicker();
            });
        </script>
        <input type="submit">
    </form>
4

3 に答える 3

1

フィールドが空白の場合、最初の開封時に強調表示する日付を設定します。Date オブジェクトを介して、または現在の dateFormat の文字列として実際の日付を指定するか、今日からの日数 (+7 など) または値と期間の文字列 (年は 'y'、月は 'm'、 'w' は週、'd' は日 ('+1m +7d' など)、今日は null です。

defaultDate オプションを指定して日付ピッカーを初期化します。

$( ".selector" ).datepicker({ defaultDate: +7 });

init の後、defaultDate オプションを取得または設定します。

//getter
var defaultDate = $( ".selector" ).datepicker( "option", "defaultDate" );

//setter
$( ".selector" ).datepicker( "option", "defaultDate", +7 );

http://jqueryui.com/demos/datepicker/#option-defaultDate

フィドル: http://jsfiddle.net/iambriansreed/gMNrZ/

于 2012-07-02T20:26:39.840 に答える
0

http://docs.jquery.com/UI/Datepicker#option-minDate

  var dateOptions = { 
  dateFormat: "mm/dd/yy", 
  constrainInput: true, 
  gotoCurrent: true, 
  minDate: new Date()
  };

  $('.date').datepicker(dateOptions);
于 2012-07-03T10:19:06.190 に答える
0

日付を入力しながらこれを行うことができます：

$( "#startdate" ).datepicker( "setDate" , date );

これを見る

于 2012-07-02T20:28:14.170 に答える