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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了LayUI laydate日期选择器自定义 快捷选中今天、昨天 、本周、本月等等，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1110字，纯文字阅读大概需要2分钟。

内容图文

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.样式如下图

技术分享图片

 

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

内容总结

以上是互联网集市为您收集整理的LayUI laydate日期选择器自定义 快捷选中今天、昨天 、本周、本月等等全部内容，希望文章能够帮你解决LayUI laydate日期选择器自定义 快捷选中今天、昨天 、本周、本月等等所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1227312.html

来源：【匿名】