jQueryUIでカレンダーから日付入力する

jQueryUIでカレンダーから日付入力する

jQueryUIでカレンダーから日付入力します。

カレンダーをdatepickerと言います。

まずjqueryとjquery-ui.min.js、jquery-ui.cssをプリロードします。

<script src="http://code.jquery.com/jquery.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<link type="text/css" href="../css/jquery-ui.css" rel="stylesheet" />

datepickerに{dateFormat:”yy-mm-dd”}オプションを指定すると西暦4桁になります。

<body>
<!-- コーディング部分 -->
<script type="text/javascript">
$(function(){
$("#cdate").datepicker({dateFormat:"yy-mm-dd"});
});
</script>

<form name="testForm">
<label for="cdate">日付を選択してください:</label>
<input name="date" id="cdate" value="" />
</form>
</body>

画像などをサーバに配置しないと表示されないので画像を正しい位置に配置する必要があります。

DEMO

jQueryUIでカレンダーから日付入力する

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました