一款原生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.双月

Demo

请参考 calendar.html

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。