シンプルな日付選択フォームを実装「Date Selector」
当ページのリンクには広告が含まれています。
スポンサーリンク
シンプルな日付選択フォームを実装するプラグイン「Date Selector」を紹介します。
jQueryプラグイン「Date Selector」
このプラグインを使えば、「年」「月」「日」を選択するシンプルフォームを実装することができます。
オプションでは、月の表示（Jan、1月……など）や年の範囲、データフォーマットなどを設定することができます。
スポンサーリンク
それではデモページをフォームをご覧ください。
デモのソース（HTML + jQuery）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Date Selector のデモでーす。">
<title>Date Selector - jQuery Plugin Demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.dateselector.js"></script>
<script>
$(function() {
$('[name="date"]').dateselector({
yearRange: '-10:+10'
});
});
</script>
</head>
<body>
<p><a href="https://webkaru.net/jquery-plugin/dateselector/">「jQueryプラグインまとめ」に戻る</a></p>
<h1>Date Selector のデモ。</h1>
<div id="content">
<input type="text" name="date" />
</div>
</body>
</html>
スポンサーリンク