ホーム > datepicker (全4件)
  • datepickerの選択可能範囲を指定する

    IDがstartdateの要素にdatepickerを割り当て、選択可能範囲を指定する。

    $( '#startdate' ).datepicker( {
	minDate: new Date(),
	maxDate: new Date( 2012, 2, 29 )
} );

    minDateプロパティが選択可能な開始日、maxDateプロパティが選択可能な最終日となる。初期値はどちらもnullで範囲制限されておらず、必要に応じてDateオブジェクトを指定する。上記の例は、開始日をアクセスした日からとし、最終日を2012年2月29日までとしている

    キーワード:
  • datepickerのタイトル年、月をプルダウンにする

    IDがstartdateの要素にdatepickerを割り当て、タイトル部分の年、月をプルダウンにする。

    $( '#startdate' ).datepicker( {
	changeYear: true,
	changeMonth: true,
} );

    changeYearおよびchangeMonthプロパティのデフォルト値はfalseなので、初期化時にtrueを指定する（どちらか一方も可）。これにより、年、月のプルダウンになり表示年月の切り替えできる。

    キーワード:
  • datepickerのタイトル年に’年’を付ける

    IDがstartdateの要素にdatepickerを割り当て、タイトル部分の年に’年’を付ける。

    $( '#startdate' ).datepicker( {
	yearSuffix: '年'
} );

    yearSuffixプロパティのデフォルト値は”なので、’年’を指定する。

    キーワード:
  • datepickerのタイトル月、年の並びを変える

    IDがstartdateの要素にdatepickerを割り当て、タイトル部分の月、年の並びを逆にする。

    $( '#startdate' ).datepicker( {
	showMonthAfterYear: true
} );

    showMonthAfterYearプロパティのデフォルト値はfalseなので、trueを指定する。なお日本語の基本的な設定は、ui.datepicker-ja.jsを利用するのが便利。

    キーワード:
 
 
ツールバーへスキップ