万年カレンダーINPUT
カレンダーを表示し、そこからフォームに日付入力。
目次に戻る

● 設置例



[...]ボタンをクリックするとカレンダーウィンドウを表示し、
カレンダーの日付をクリックするとその日付をテキストボックスに返します。
ポップアップウィンドウが有効でないと機能しません。

●設置方法

1.calendar_input.js、calendar_input.css、calendar_input.htmをダウンロードし、設置したいhtmlと同じフォルダに置きます。→ダウンロードはこちら

2.設置したいHTMLの<head>〜</head> に下記を貼り付けます。

<LINK rel="stylesheet" href="calendar_input.css" type="text/css">
<script type="text/javascript" src="calendar_input.js"></script>

3.<body>〜</body>のフォームとボタンを設置したい箇所に下記を貼り付けます。

<form name="INPUTFORM">
<input type="text" name="INPUTTEXT1"><input type="button" value="..." onClick="JavaScript:setCalendar(INPUTFORM.INPUTTEXT1.value,0);">
</form>

*ファイル名を変更したい場合、フォーム名を変更したい場合、フォームを複数設置したい場合はjsファイルの編集が必要です。
 jsファイル内★部分を参照してください。

目次に戻る