2

私は編集プロファイルフォームを作成しています。jquery iu datepicker を使用して DOB を選択しています。ユーザーがデータを編集すると、プロファイルフィールドにすでに日付があり、ユーザーが日付を変更したい場合は日付ピッカーポップアップが表示されます。プロファイル フィールドの日付を日付ピッカーで選択するにはどうすればよいですか。

または、ここで開いたときに日付ピッカーに特定の日付を表示させる方法は、現在のスクリプトです。

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: ,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub']
        });

たとえば、私の dob が 20.05.1987 の場合、開いたときにその日付、または月と年だけを表示するように datepicker を設定するにはどうすればよいですか

4

5 に答える 5

6

たとえば、1980 年 2 月 2 日のデフォルトの日付として、datepicker ウィジェットのデフォルトの日付設定に日付オブジェクトを割り当てることができます。

var d = new Date(1980, 2, 2);
$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: d,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub']
        });

これはあなたが必要とすることをするはずです、

それが役立つことを願っています、シナン。

于 2010-02-13T20:35:29.463 に答える
3

inputデフォルトの日付をフィールドに入れることができます：

<input name="date" id="member_dob" value="87-05-20" />

DatePicker を開くと、その日付が自動的に選択されます。使用している値と一致するdateFormatことを確認してください。

于 2010-02-13T20:31:06.980 に答える
1

これは私のために働く：

$(function() {
      $( "#datepicker" ).datepicker({
          changeMonth: true,
          changeYear: true,
          firstDay: 1,
          showAnim: 'slideDown',
          dateFormat: 'yy-mm-dd',
        });
      $("#datepicker").datepicker("setDate", new Date());
     });
于 2014-01-06T14:58:27.450 に答える
1

あなたがここで達成しようとしていることを正しく理解できるかどうかわかりません。まず、現在の DOB をサーバーサイドから Javascript に渡す必要があります。

これには 2 つの方法があります。1 つは、jsonObject を構築することです。たとえば、次のようになります。

var jsonDate = {date : '1987-05-20'};

そして、日付ピッカーで：

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: jsonDate.date,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
});

2 つ目は、datePicker をトリガーする入力の値を設定することです。

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
   });

<input type="text" id="member_dob" value="1987-05-20">
于 2010-02-13T20:35:33.087 に答える