jQuery EasyUI フォームプラグイン -Calendar カレンダー

$.fn.calendar.defaults を使用してデフォルトの defaults を上書きします。

カレンダー（calendar）は、ユーザーが日付を選択できる1か月分のカレンダーを表示し、前月や翌月に移動することもできます。デフォルトでは、各週の最初の日は日曜日に設定されています。これは 'firstDay' プロパティの値を設定することで変更できます。

使い方

マークアップからカレンダー（calendar）を作成します。

<div id="cc" class="easyui-calendar" style="width:180px;height:180px;"></div>

JavaScript を使用してカレンダー（calendar）を作成します。

<div id="cc" style="width:180px;height:180px;"></div>

$('#cc').calendar({
    current:new Date()
});

名前	型	説明	デフォルト値
width	number	カレンダー（calendar）コンポーネントの幅。	180
height	number	カレンダー（calendar）コンポーネントの高さ。	180
fit	boolean	true に設定すると、カレンダーのサイズを親コンテナに合わせます。	false
border	boolean	枠線を表示するかどうかを定義します。	true
firstDay	number	各週の最初の日を定義します。日曜日（Sunday）は 0、月曜日（Monday）は 1、...	0
weeks	array	曜日のリストを表示します。	['S','M','T','W','T','F','S']
months	array	月のリストを表示します。	['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
year	number	カレンダーの年。次の例は、指定した年と月を使用してカレンダーを作成する方法を示しています。 <div class="easyui-calendar" data-options="year:2012,month:6" />	現在の年（4桁）
month	number	カレンダーの月。	現在の月（1から始まります）
current	Date	現在の日付。	現在の日付

名前	パラメータ	説明
onSelect	date	ユーザーが日付を選択したときにトリガーされます。コード例： $('#cc').calendar({ onSelect: function(date){ alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate()); } });

名前	パラメータ	説明
options	none	オプション（options）オブジェクトを返します。
resize	none	カレンダーのサイズを調整します。
moveTo	date	カレンダーを指定した日付に移動します。コード例： $('#cc').calendar('moveTo', new Date(2012, 6, 1));