相思资源网 Design By www.200059.com
本文为大家分享了一个炫酷的js日历控件,供大家参考,具体内容如下
引用JSLit.js 下载 JSLite.io,兼容 JSLite 和 jQuery
安装方法
页面引用 JSLite 或者jQuery
<div id="JSLiteCalenbar4"><input type="text"></div> <script type="text/javascript" src="/UploadFiles/2021-04-02/JSLite.js">扩展方法
- hidePrevBtn:隐藏上一页 按钮 显示未来时间,不能翻阅历史
- hide:点击显示界面
- setDate:设置时间,传json
- time:设置是否可以选则时间 (时分) "yyyy/MM月dd日 hh:mm:ss" 序列号时间格式 'default' 默认再input中显示默认时间或者指定时间
hide
点击显示界面
<div id="JSLiteCalenbar2"><div class="">点击显示</div></div> <script type="text/javascript"> var obj3 = document.getElementById("JSLiteCalenbar2") new $.calendar(obj3,{ "now":"2014-09-15" },function(date){ //返回更改的时间值date=2014-10-11 console.log(date) }).hide(); </script>
例子一
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()
以上就是本文的全部内容,希望对大家的学习有所帮助。
标签:
js日历控件,js日历
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无javascript特殊日历控件分享的评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。