メモ的な日記

プログラミングについての個人的メモ日記。PHPとかjQueryとかがメイン。

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

トップにあるように、jQueryメインでメモがてら書いていこうと思います。
便利そう、面白そうと思ったものをとりあえず作ってみる感じ。

今回はjQueryを使い、テキストボックスからカレンダー表示し、日付選択ができるスクリプトです。
外部ファイルとして配置しているのは以下の3つ。
・ui.datepicker.js
・ui.datepicker-ja.js
・flora.datepicker.css

<head>部分にjQueryの呼び出しを記述。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

<body>部分はこんな感じで。

<link rel="stylesheet" href="flora.datepicker.css" type="text/css">
<script type="text/javascript" src="ui.datepicker.js"></script>
<script type="text/javascript" src="ui.datepicker-ja.js"></script>

<script type="text/javascript">
<!--
	$(function(){
		$("#calendar1").datepicker();
		$("#calendar2").datepicker();
		$("#calendar3").datepicker();
	});
	
-->
</script>

<p><input type="text" name="calendar1" id="calendar1" value=""></p>
<p><input type="text" name="calendar2" id="calendar2" value=""></p>
<p><input type="text" name="calendar3" id="calendar3" value=""></p>

かなり簡素だけど一応サンプル