HARD DAY'S NIGHT別館

当サイトへお越しいただきありがとうございます。 実務に生かせるような技術・ライブラリを使った簡単なサンプルを公開してゆきます。

jQuery UI Datepicker(カレンダー)簡単サンプル

テキストボックス[...] ボタンをクリックするとカレンダーが表示されます。日付を選ぶとテキストボックスに入力されます。

日付:

コード


$(function() {
	$("#datepicker").datepicker();
	$("#datepicker").datepicker("option", "showOn", 'both');
});
	

HTMLコード


<p>日付: <input type="text" id="datepicker"/></p>