jQuery-ui-datepickerのサンプル画面

jQuery-ui-datepickerのサンプル画面です。日付入力欄、またはカレンダーアイコンをクリックすることでカレンダーを表示します。日付入力が直感的になりユーザビリティの向上に繋がります。詳しい設置方法については超簡単!カレンダーから日付入力する方法:jQuery ui Datepickerをご参照ください。

サンプル画面

入力欄をクリックするとカレンダーを表示。日付を選択すると入力欄に日付が入ります。

ボタンをクリックするとカレンダーを表示。入力欄をクリックしてもカレンダーは表示されません。

ボタンと入力欄のどちらでもカレンダーを表示することができます。

カレンダーアイコンが表示され、カレンダーアイコンと入力欄のどちらでもカレンダーを表示することができます。