SMCalendar日期組件

SMCalendar

SMCalendar 日歷,依賴Jquery

github地址

效果

SMCalendar.png
SMCalendar0.2.png

實(shí)例化SMCalendar日歷對象一,簡單實(shí)例化無需任何參數(shù)

var SMCalendar=$("#SMCalendar").initSMCalendar();//初始化日歷插件,并獲取日歷對象

實(shí)例化SMCalendar日歷對象二,傳入日期數(shù)據(jù)

//數(shù)據(jù)

var data=[{'title':'今天標(biāo)題1','date':'2015-11-19'},{'title':'今天標(biāo)題2','date':'2015-11-19'},{'title':'標(biāo)題2','date':'2015-11-20'},{'title':'標(biāo)題3','date':'2015-12-28'}];

//初始化日歷插件,并獲取日歷對象

var SMCalendar=$("#SMCalendar").initSMCalendar({dataList:data});

實(shí)例化SMCalendar日歷對象三,傳入日期數(shù)據(jù)并監(jiān)聽自定義事件

//數(shù)據(jù)

var data=[{'title':'今天標(biāo)題1','date':'2015-11-19'},{'title':'今天標(biāo)題2','date':'2015-11-19'},{'title':'標(biāo)題2','date':'2015-11-20'},{'title':'標(biāo)題3','date':'2015-12-28'}];

//初始化日歷插件,并獲取日歷對象

var SMCalendar=$("#SMCalendar").initSMCalendar({dataList:data,onClick:smCalendarClick});

//自定義事件

function smCalendarClick(data){
  alert("當(dāng)前日期數(shù)據(jù)有:"+data.length+" 條!");
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容