laydate设置起始时间，laydate设置开始时间和结束时间日期

最新推荐文章于 2022-05-11 18:28:07 发布

Khun_HWJ

最新推荐文章于 2022-05-11 18:28:07 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui

本文链接：https://blog.youkuaiyun.com/Khun_HWJ/article/details/98965760

layui 专栏收录该内容

48 篇文章

订阅专栏

本文介绍如何利用laydate插件在网页中设置日期范围选择功能，包括开始时间和结束时间的选择，并确保二者之间的逻辑关系正确。通过具体代码示例展示了如何配置laydate插件来实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//设置开始时间
var startDate = laydate.render({
     elem: '#start_date',//开始时间选择控件id
     min:'2018-6-1',
     type: 'datetime',
     format: 'yyyy-MM-dd HH:mm', //可任意组合
     done: function (value, date) {
         if (value !== '') {
             endDate.config.min.year = date.year;
             endDate.config.min.month = date.month - 1;
             endDate.config.min.date = date.date;
             endDate.config.min.hours=date.hours;
             endDate.config.min.minutes=date.minutes;

         } else {
             endDate.config.min.year = '';
             endDate.config.min.month = '';
             endDate.config.min.date = '';
             endDate.config.min.hours = '';
             endDate.config.min.minutes = '';
         }
     }
 });

//设置结束时间
var endDate = laydate.render({
    elem: '#end_date',//结束时间选择控件id
    type: 'datetime',
    format: 'yyyy-MM-dd HH:mm', //可任意组合
    done: function (value, date) {
        if (value !== '') {
            startDate.config.max.year = date.year;
            startDate.config.max.month = date.month - 1;
            startDate.config.max.date = date.date;
            startDate.config.max.hours = date.date;
            startDate.config.max.minutes = date.date;
        } else {
            startDate.config.max.year = '';
            startDate.config.max.month = '';
            startDate.config.max.date = '';
            startDate.config.max.hours = '';
            startDate.config.max.minutes = '';
        }
    }
});