javascript特殊日历控件分享

本文为大家分享一个炫酷的js日历控件,供大家参考,具体内容如下

引用JSLit.js 下载 JSLite.io,兼容 JSLite 和 jQuery

安装方法

页面引用 JSLite 或者jQuery

rush:js;">

扩展方法

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

hide

点击显示界面

rush:js;">
显示

例子一

rush:js;"> 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",{
"date":"2014-05",{
"date":"2014-10","day":["12","20"]
}
]
}
},function(date){
//返回更改的时间值date=["2014-10-10,0","2014-10-11,0"]
console.log(date)
}).hidePrevBtn()

例子二

rush:js;"> var obj3 = document.getElementById("JSLiteCalenbar2") new JSLite.calendar(obj3,function(date){ //返回更改的时间值date=2014-10-11 console.log(date) console.log("obj3") }).hidePrevBtn().hide()

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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...