javascript特殊日历控件分享_javascript技巧-JS 튜토리얼-php.cn

本文为大家分享了一个炫酷的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()

로그인 후 복사

以上就是本文的全部内容，希望对大家的学习有所帮助。