日付選択

日付を入力する項目には日付選択の入力補助機能が付いています。直接入力することもできますが、日付選択を使用すると入力の書式を間違えることなく入力できます。

以下はContao 2.10からのdatepickerによる表示です。

日付選択の付属した入力欄

様々な日付の選択

右端の日付の選択をクリックすると日付選択を表示します。少しわかりにくいですが、選択中の日は他の日と異なる色となっています。

左上や右上の部分をクリックすると、先月や翌月の表示となります。

先月の選択
翌月の選択

上部の年月が表示されているところをクリックすると、年内の月を選択する表示となります。

月の選択

さらに上部の年の部分をクリックすると、年を選択する表示となります。

年の選択

日付選択の入力

日付選択の表示の外側をクリックすると、表示は消えて入力を取り消せます。
改めて日付選択の月表示をして、選択したい日をクリックします。

日付選択の実行

時刻の入力表示となるので、有力したい時刻を入力してOKのボタンをクリックします。

時刻の入力

入力欄に日付と時刻が入力されます。

入力された日付と時刻