layui时间选择器---去除秒列

于 2019-07-04 10:54:39 发布
阅读量2.5k 收藏 6
点赞数 1
分类专栏： layui 文章标签： layui  时间选择器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/IF_YOU5849/article/details/94599793
版权
本文介绍了如何在layui时间选择器中去掉秒这一列。通过调整HTML、CSS和JS代码，以及可能需要修改laydate.js源码，实现了只保留时和分的选择功能，适合不需精确到秒的场景。同时，对于需要选择时间范围的情况，也提供了相应的代码修改建议。

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

layui时间选择器—去除秒列

前言：layui开发文档中介绍的时间选择器包含了时，分，秒的选择，在实际开发过程中，我们选择时间可能不需要精确到秒。

原始结构：

在这里插入图片描述

1、HTML页面引入layui.js文件

在这里插入图片描述

2、HTML文件中添加如下代码：

在这里插入图片描述

3、在js文件中添加如下代码：

在这里插入图片描述
注：
由于页面宽度不够，或引入多个时间相关选择器可能会出现点击闪现后消失的情况，所以使用click弹出，可以避免问题的出现；

1、在css文件中添加如下代码:

最低0.47元/天 解锁文章
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值