laydate 设置默认时分秒

telltao

于 2019-07-08 22:47:19 发布

阅读量4.7k

点赞数

分类专栏： Web前端文章标签： layui laydate layui.laydate

本文链接：https://blog.youkuaiyun.com/telltao/article/details/95108054

版权

Web前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在layui的laydate插件中设置默认的小时、分钟和秒数，帮助用户快速配置laydate的时间选择器。

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

layui日期控件设置初始值

#input 表单为

<input class="form-control" size="16" type="text" value="${startTime}" vaytzlue="" name="createTimeStart" id ="createTimeStart" placeholder="开始时间">

<input class="form-control" size="16" type="text" value="${endTime}" vaytzlue="" name="createTimeEnd" id ="createTimeEnd" placeholder="结束时间">

#引入layui相关的依赖

<script type="text/javascript">
//开始日期
var createTimeStart = laydate.render({
     elem: '#createTimeStart',//取出 input 框的id属性
     type: 'datetime',
     ready: function (date) {
     	//将上面的属性赋值给此对象方法
         lay.extend(createTimeStart.config.dateTime, {
             hours: 00,
             minutes: 00,
             seconds: 00,
         });
     }
 });
//结束日期
 var createTimeEnd = laydate.render({
     elem: '#createTimeEnd',//取出 input 框的id属性
     type: 'datetime',
     ready: function (date) {
     //将上面的属性赋值给此对象方法
         lay.extend(createTimeEnd.config.dateTime, {
             hours: 23,
             minutes: 59,
             seconds: 59,
         });
     }
 });
 </script>

搞定!