layui laydate日期时间范围选择框，时间选择器默认设定为23:59:59

最新推荐文章于 2024-07-30 12:01:56 发布

IT宇航

最新推荐文章于 2024-07-30 12:01:56 发布

阅读量5.1k

点赞数 16

文章标签： layui 前端

本文链接：https://blog.csdn.net/yhkj369/article/details/135066106

版权

本文介绍了laydate，一个提供年选择器等多种类型选择器的日期时间插件，重点讲解了如何设置默认值、范围选择以及在不设默认值时指定默认结束时间的使用方法和代码示例。

摘要由CSDN通过智能技术生成

一、laydate是什么？

laydate主要以：年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器五种类型的选择方式为基本核心，并且均支持范围选择（即双控件）。

二、使用步骤

1、使用设置默认值

使用设置默认值也可以实现自动选中，但有的时候我们的场景就是不想设置默认值。

 value: '{:date("Y-m-d 00:00:00",strtotime("-0 day"))} - {:date("Y-m-d 23:59:59")}',

2、实例图片

在这里插入图片描述

3、不设置默认值的情况下，设置默认结束时间

代码如下（示例）：

 laydate.render({
      elem: "#ID-datetime-test",
      type: "datetime",
      range: true,
      max:  '{:date("Y-m-d 23:59:59")}', // 设置最大日期为今天
      ready: function(date){
        $(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
        $(".laydate-main-list-1 .layui-laydate-content li ol li:last-child").click();
        $(".layui-laydate-footer [lay-type='date'].laydate-btns-time").click();
      }
    });