layui的laydate实现时间段‘00:00:00‘-‘23:59:59‘

最新推荐文章于 2023-12-18 16:44:23 发布

没名了吗

最新推荐文章于 2023-12-18 16:44:23 发布

阅读量1.6k

点赞数 3

文章标签： layui javascript

本文链接：https://blog.youkuaiyun.com/qq_42622763/article/details/117414310

版权

本文介绍如何使用 layui 的 laydate 插件显示时间段，从 '00:00:00' 到 '23:59:59'，通过示例代码展示在同一个输入框中设置起始和结束时间的方法。

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

话不多说，直接上代码，以下是将起始时间和结束时间都展示在一个输入框中的实现方式。

layui.use('laydate', function(){
 var laydate = layui.laydate;
 //执行一个laydate实例
 laydate.render({
    elem: '#workTime', //指定元素
    range:'~',
    type:'datetime',
    isPreview: false,
    value:getNowFormatDate(),
    isInitValue:true,
    btns: ['clear', 'confirm'],
    trigger: 'click',
    change:function(value,date,endDate){
       var hours = endDate.hours;
       var minutes = endDate.minutes;
       var seconds = endDate.seconds;
       if (hours == "0" && minutes == "0" && seconds == "0"){
          $(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
          // 改变结束时间默认值