閱讀(5.3k) 書簽贊(0) 我要糾錯(cuò)

jQuery EasyUI 表單插件 – Calendar 日歷

2018-09-27 06:25 更新

jQuery EasyUI 表單插件 - Calendar 日歷

通過 $.fn.calendar.defaults 重寫默認(rèn)的 defaults。

日歷（calendar）顯示允許用戶選擇日期的一個(gè)月份日歷，并允許移動(dòng)到上一月和下一頁。默認(rèn)情況下，每星期的第一天設(shè)置為星期日。這可以通過設(shè)置 'firstDay' 屬性的值來改變。

從標(biāo)記創(chuàng)建日歷（calendar）。

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

使用 javascript 創(chuàng)建日歷（calendar）。

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

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

名稱	類型	描述	默認(rèn)值
width	number	日歷（calendar）組件的寬度。	180
height	number	日歷（calendar）組件的高度。	180
fit	boolean	當(dāng)設(shè)置為 true 時(shí)，則設(shè)置日歷的尺寸以適應(yīng)它的父容器。	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	日歷的年。下面的實(shí)例演示如何使用指定的年和月來創(chuàng)建一個(gè)日歷。 <div class="easyui-calendar" data-options="year:2012,month:6" />	當(dāng)前年份（4 位）
month	number	日歷的月。	當(dāng)前月份（從 1 開始）
current	Date	當(dāng)前的日期。	當(dāng)前日期

名稱	參數(shù)	描述
onSelect	date	當(dāng)用戶選擇一個(gè)日期時(shí)觸發(fā)。代碼實(shí)例： $('#cc').calendar({ onSelect: function(date){ alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate()); } });

名稱	參數(shù)	描述
options	none	返回選項(xiàng)（options）對(duì)象。
resize	none	調(diào)整日歷的尺寸。
moveTo	date	移動(dòng)日歷到一個(gè)指定的日期。代碼實(shí)例： $('#cc').calendar('moveTo', new Date(2012, 6, 1));

以上內(nèi)容是否對(duì)您有幫助：

寫筆記

我要補(bǔ)充