码迷,mamicode.com
首页 > 其他好文 > 详细

LayUI laydate日期选择器自定义 快捷选中今天、昨天 、本周、本月等等

时间:2020-06-02 19:20:45      阅读:446      评论:0      收藏:0      [点我收藏+]

标签:extra   com   time   控件   image   static   laydate   color   div   

1. 引入laydata插件

  下载 https://blog-static.cnblogs.com/files/zhangning187/laydate.js laydate.js

  替换laydate.js,就可以直接使用自定义快捷选中了

 

2.自定义控件选取值

 1 laydate.render({
 2         elem: ‘#freeTimeInput‘, //指定元素
 3         range: true,
 4         trigger: ‘click‘, //采用click弹出
 5         value: ‘‘,
 6         extrabtns: [
 7             {
 8                 id: ‘today‘,
 9                 text: ‘今天‘,
10                 range: [new Date(new Date().setDate(new Date().getDate())), new Date(new Date().setDate(new Date().getDate()))]
11             },
12             {
13                 id: ‘yesterday‘,
14                 text: ‘昨天‘,
15                 range: [new Date(new Date().setDate(new Date().getDate() - 1)), new Date(new Date().setDate(new Date().getDate() - 1))]
16             },
17             {
18                 id: ‘lastday-7‘,
19                 text: ‘近7天‘,
20                 range: [new Date(new Date().setDate(new Date().getDate() - 7)), new Date(new Date().setDate(new Date().getDate() - 1))]
21             },
22             {
23                 id: ‘lastday-30‘,
24                 text: ‘近30天‘,
25                 range: [new Date(new Date().setDate(new Date().getDate() - 30)), new Date(new Date().setDate(new Date().getDate() - 1))]
26             }
27         ],
28         done: function (val, stdate, ovdate) {
29             // 确认选择事件后调用
30         }
31     });

 

2.样式如下图

技术图片

 

LayUI laydate日期选择器自定义 快捷选中今天、昨天 、本周、本月等等

标签:extra   com   time   控件   image   static   laydate   color   div   

原文地址:https://www.cnblogs.com/zhangning187/p/fendouzailushang7.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!