2021-01-30

js 时间控件 日期多选

在开发的过程中,时间总是不可避免要出现的需求,这里给大家分享我比较常用的js 时间控件和一个问题的解决方法

layDate

官方文档地址:https://www.layui.com/laydate/

图片:

 案例代码:

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>使用 layDate 独立版</title></head><body><input type="text" id="test1"><script src="https://www.cnblogs.com//laydate/laydate.js"></script> <!-- 改成你的路径 --><script>//执行一个laydate实例laydate.render({ elem: '#test1' //指定元素});</script></body></html>

几乎所有常用的需要都可以在这里找到,但是有一个问题,日期多选怎么实现,这里给大家分享下我解决的方法

图片:

调用代码如下:

 <input type="text" id="calendar" value="2015-04-15"/> <script src="../src/jquery-1.9.1.min.js"></script> <script src="../src/calendar.js"></script> <script>  $(".calendar4").Calendar({time:true});//时间选择  var calendar = new Calendar();  calendar.init({   target: $('#calendar'),   range: ['2015-3-5', '2015-3-25'],   multiple: true,   maxdays: 5,   overdays: function(a) {    alert('添加已达上限 ' + a + ' 天');   },   filter:function(time){    var date = new Date(time);    // console.log(date.getDay())    if(date.getDay()==0||date.getDay()==6){     return false;    }    return true;   }  }); </script>  

这里提供dome的下载地址,如果有需要,可以点击下载。

https://download.csdn.net/download/qq_40716795/14963845

 









原文转载:http://www.shaoqun.com/a/521199.html

跨境电商:https://www.ikjzd.com/

上海跨境通:https://www.ikjzd.com/w/1329

trademanager:https://www.ikjzd.com/w/730


在开发的过程中,时间总是不可避免要出现的需求,这里给大家分享我比较常用的js时间控件和一个问题的解决方法layDate官方文档地址:https://www.layui.com/laydate/图片:案例代码:<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>使用
代购公司:代购公司
barclays:barclays
口述:守寡嫂子向我发赤裸艳照求欢嫂子哥哥艳照:口述:守寡嫂子向我发赤裸艳照求欢嫂子哥哥艳照
耐克退出,亚马逊前高管:是平台选择了假货!:耐克退出,亚马逊前高管:是平台选择了假货!
美国AMS(美国舱单录入系统)你了解多少?:美国AMS(美国舱单录入系统)你了解多少?

No comments:

Post a Comment