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

1. 引入laydata插件

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

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

2.自定义控件选取值

 laydate.render({
         elem: '#freeTimeInput', //指定元素
         range: true,
         trigger: 'click', //采用click弹出
         value: '',
         extrabtns: [
             {
                 id: 'today',
                 text: '今天',
                 range: [new Date(new Date().setDate(new Date().getDate())), new Date(new Date().setDate(new Date().getDate()))]
             },
             {
                 id: 'yesterday',
                 text: '昨天',
                 range: [new Date(new Date().setDate(new Date().getDate() - 1)), new Date(new Date().setDate(new Date().getDate() - 1))]
             },
             {
                 id: 'lastday-7',
                 text: '近7天',
                 range: [new Date(new Date().setDate(new Date().getDate() - 7)), new Date(new Date().setDate(new Date().getDate() - 1))]
             },
             {
                 id: 'lastday-30',
                 text: '近30天',
                 range: [new Date(new Date().setDate(new Date().getDate() - 30)), new Date(new Date().setDate(new Date().getDate() - 1))]
             }
         ],
         done: function (val, stdate, ovdate) {
             // 确认选择事件后调用
         }
     });

2.样式如下图