ブログBlog

カレンダー

投稿日:2020年01月27日 テクノロジー

こんにちは、Eです。
2020年を迎え、1月も今週で終了します。月日の流れのはやさって怖いですよね。
月日の流れといえば、入力フォームで日付を設定させたい時、HTMLには元々からカレンダーを表示させ、そこから日付を選択できる機能がありますが(inputタグのtype=”date”で簡単に実装できます)、さらに高機能な日付入力カレンダーを使用したい場合は、いくつかjQueryプラグインを使う手もあります。
中でも「DateTimePicker」というプラグインは、日付入力用のカレンダーに加え時間を指定できる一覧もついてくるので大変便利ですよ。
初期状態では日付と時間が一緒に表示されますが、どちらかのみに絞って表示させることも可能。時間の間隔については一秒刻みから設定できるなど結構詳細にカスタムできるようになっています。
HTMLのカレンダー機能で事足りることが多い気もしますが、こだわったカレンダーにしたいとか、時間入力もしたいとか、jQueryプラグインが必要になった際はぜひチェックしてみてください。
PAGE TOP