フォームにポップアップカレンダー
便利なポップアップカレンダー。フォームで日付の入力をしてもらう必要がある時に手入力の手間が省けます。
こういうちょっとしたことでお客さんのアクションに変化があったり・・・しないですか、しないですよね。
HTMLの記述
ヘッダー部
<style type="text/css">
@import "datepick.css"; // 色だとかをあれする
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.datepick.js"></script>
<script type="text/javascript" src="jquery.datepick-ja.js"></script> // 日本語化用プラグイン
<script type="text/javascript">
$(function() {
// $.datepick.setDefaults({useThemeRoller: true});
$('#datepicker').datepick();
});
</script>
あとは、ページの中で
<p>日付を選択 <input type="text" id="datepicker"></p>
と記述。
2010年2月15日
