我要评论 1 datelist = {} //自己创建或者从后台获取 格式为 （yyyy-mm-dd）
2 //日历
3 $('.date-picker').daterangepicker({
4 showdropdowns:true,
5 iscustomdate:function( date ) { //看需求是否需要对样式进行修改
6 for(var i=0;i<datelist.length;i++){
7 if(date.format('yyyy-mm-dd') == datelist[i]){
8 return "in-range"; //有数据的返回浅蓝颜色 active为深蓝
9 }
10 }
11 return "disabled"; //没有数据不可选 自己不想也可以return false
12 },
13 //用来设置默认时间显示格式,各个按钮空间的中文显示
14 locale: {
15 format:'yyyy/mm/dd',
16 applylabel:'确认',
17 cancellabel:'取消',
18 fromlabel:'从',
19 tolabel:'到',
20 weeklabel:'w',
21 customrangelabel:'选择时间',
22 daysofweek:["日","一","二","三","四","五","六"],
23 monthnames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"]
24 }
25 }, function(start, end, label) {
26 starttime=start.unix();
27 endtime = end.unix();
28 });
我主要进行对日期数据进行查看使用，有数据的显示颜色、没有数据可以不选
更多可以查看官方网站：http://www.daterangepicker.com/#examples
1 里面需要用的是哪个包下载下来引入就行了 2 <link rel="stylesheet" href="daterangepicker.css" /> 3 <script src="/moment.min.js"></script> 4 <script src="daterangepicker.js"></script>
如对本文有疑问， 点击进行留言回复！！
VScode中的react自动补全标签代码及黄色or红色警告
关于React处理input的方法和多个input共用一个方法（不用jQuery）
网友评论