日歷( Calendar )顯示允許用戶選擇日期的一個(gè)月份日歷,并允許移動(dòng)到上一月和下一頁(yè)。
日歷( Calendar )在默認(rèn)情況下,每星期的第一天設(shè)置為星期日。這可以通過(guò)設(shè)置 'firstDay' 屬性的值來(lái)改變。
屬性列表
名稱(chēng) |
數(shù)據(jù)類(lèi)型 |
作用描述 |
默認(rèn)值 |
border |
boolean |
是否顯示邊框。 |
true |
firstDay |
number |
定義每星期的第一天。星期日(Sunday)是 0,星期一(Monday)是 1,... |
0 |
weeks |
string[ ] |
顯示星期的列表。 |
['S','M','T','W','T','F','S'] |
months |
string[] |
顯示月份的列表。 |
['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] |
year |
number |
日歷的年。 |
當(dāng)前年份(4 位) |
month |
number |
日歷的月。 |
當(dāng)前月份(從 1 開(kāi)始) |
showWeek |
boolean |
是否顯示周數(shù)。 |
false |
selection |
Date |
選擇日期。 |
null |
weekNumberHeader |
string |
顯示在周號(hào)標(biāo)頭上的標(biāo)簽。 |
|
- 以指定的年和月創(chuàng)建日歷的代碼實(shí)例:
<div class="easyui-calendar" data-options="year:2012,month:6" />
事件列表
名稱(chēng) |
參數(shù) |
作用描述 |
selectionChange |
date |
更改選擇時(shí)觸發(fā)。 |
方法列表
名稱(chēng) |
參數(shù) |
返回值 |
作用描述 |
selectDate |
date:Date |
void |
選擇一個(gè)日期。 |
highlightDate |
date:Date |
void |
標(biāo)出一個(gè)日期。 |
navDate |
step:number |
void |
瀏覽日期。 |
注:
- 繼承: None 。
- 選擇器: eui-calendar 。
使用方法
<eui-calendar [(selection)]="value" style="width:250px;height:250px">
</eui-calendar>
更多建議: