本文为大家分享了一个炫酷的js日历控件，供大家参考，具体内容如下
引用jslit.js 下载 jslite.io，兼容 jslite 和 jquery
安装方法
页面引用 jslite 或者jquery

扩展方法
hideprevbtn:隐藏上一页 按钮 显示未来时间，不能翻阅历史 hide:点击显示界面 setdate:设置时间，传json time:设置是否可以选则时间 (时分) yyyy/mm月dd日 hh:mm:ss 序列号时间格式 'default' 默认再input中显示默认时间或者指定时间hide
点击显示界面
点击显示

例子一
var obj3 = document.getelementbyid(jslitecalenbar2)new jslite.calendar(obj3,{ now:2014-09-15},function(date){ //返回更改的时间值date=2014-10-11 console.log(date) console.log(obj3)}).time(yyyy/mm月dd日 hh:mm:ss,'default');var cal = new jslite.calendar(obj,function(){ return { now:2014-09-15,//服务器当前时间 change:true,//是否更改当前时间以前的内容 interfacenum:3,//显示当前以后多少个日历 workdate:[ { date:2013-12, day:[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20] },{ date:2014-09, day:[10, 2, 3, 4, 5, 6, 20] },{ date:2014-05, day:[10, 2, 3, 4, 5, 6, 20] },{ date:2014-10, day:[12, 2, 3, 4, 5, 6, 20] } ] }},function(date){ //返回更改的时间值date=[2014-10-10,0,2014-10-11,0] console.log(date)}).hideprevbtn()
例子二
var obj3 = document.getelementbyid(jslitecalenbar2)new jslite.calendar(obj3,function(date){ //返回更改的时间值date=2014-10-11 console.log(date) console.log(obj3)}).hideprevbtn().hide()
以上就是本文的全部内容，希望对大家的学习有所帮助。