一款原生JavaScript编写的日历控件,支持单双月展
Calendar
一个简单的Javascript日历控件,支持单双月展示,以及自定义数据事件回调。日历只是一个简单的主体结构,可以按照自己具体需求进行对应修改,本身代码比较简单。
Options{
el:'.date', //日历对应dom
monthNums:1/2, //单双月
data:[{
time: '2017-10-1'
}], //自定义数据
defaultDate: '', //默认起始日期
dataTimeOpen: false,//是否以当前时间作为起始月
callback:function(){
}, //回调函数可以拿到日历dom
createDataDom:function(){
} //自定义数据绑定操作函数
}
How to use
var c = new Calendar({
el:'.date',
monthNums:1,
data:[{
time:'2017-7-1',
vid:''
},{
time:'2017-7-1',
vid:''
}]
callback:function(obj){
},
createDataDom:function(){
//默认有案例,可以参考
}
})
Style
样式如下:
单月
2.双月
请参考 calendar.html
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。