時間も選べるjQueryのDatePicker「Any+Time」

jQueryではカレンダー形式で日付を選択させる事ができるプラグインがありますが、時間選択も可能にしたプラグインを発見したのでご紹介。

「Any+Time」を使用すると日付と時間を選択するウインドウを表示させる事が可能です。

以下のような機能があるそうです。

• 12時間/24時間表記の切り替え
• 時間表示のフォーマットを自由に変更可能
• 選択可能な日付と時間の指定
• タイムゾーンの切り替え
• jQuery uiによるテーマの変更

設置方法

サイトからanytime.js、anytime.cssをダウンロードします。

jqueryも最新版をダウンロードしてきます。

1.ダウンロードしたcssとjsを読み込みます。

2.HTMLにてフォームを作成します。

日付選択

時間選択

3.jsでDatePickerの設定をします。

これだけで簡単に設置する事ができました。
jqueryだけでなくproototype.jsにも対応しているようです。

表示の仕方も色々とカスタマイズ可能との事。
興味のある方はダウンロードしてみてください。