AngularJSと UI Bootstrapで日付と時刻の入力をする - ブログ - ワルブリックス株式会社

カレンダーをポップアップさせて日付を選択する方式の日付入力を AngularJSで実現する方法 Webのフォームを実装する際にいつも面倒な項目といえば日付時刻だ。年・月・日とそれぞれ別のinput要素やselect要素を設けるにせよ、書式を決めてひとつのinput要素に入力してもらうにせよ、ユーザーの入力が正しいことをそれなりに深く検証しなければならない（例えば4月31日などという入力を許すべきではないし、2月29日という入力を許容するかどうかは年までチェックする必要がある）。まして日付だけでなく時刻までユーザーが間違いにくいように入力させるとなればなおさら面倒ということになる。 ユーザーの日付入力を補助するためによく使われるのが Datepicke（デートピッカー）と一般的に呼ばれるUIコンポーネントだ。日付を入力するためのテキストボックス（やその横のボタンなど）をクリックすれば、カレン

[kkeisuke]

日本語化

[haishi]

以前に 見た目は Bootstrapなのに動きは AngularJSなサイトを作るにはという記事で、UI Bootstrap を使って AngularJSと Bootstrapを一緒に利用する方法を紹介しているが、この UI Bootstrapには日付や時刻を入力するための Datepickerおよび Ti