layui框架时间组件不显示秒

最新推荐文章于 2023-06-05 16:13:53 发布

蠢蠢欲动的灵魂

最新推荐文章于 2023-06-05 16:13:53 发布

阅读量1.6k

点赞数

分类专栏：杂记文章标签： layui 时间组件 layui时间组件不显示秒

本文链接：https://blog.csdn.net/weixin_42495586/article/details/103313351

版权

在使用layui框架进行前端开发时，发现时间组件默认不显示秒数。经过排查，问题在于配置选项未设置正确。解决方案是通过设置lay-format参数来包含秒数，例如'yyyy-MM-dd HH:mm:ss'，确保时间选择器完整展示到秒级精度。

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

需求：在使用layui时间组件的时候，有时候不要精确到秒级，可以将下面的css样式加入到代码中
<!----------------------css样式开始----------------------!>
<style>  /*不显示秒*/
.layui-laydate-content>.layui-laydate-list {
    padding-bottom: 0px;
    overflow: hidden;
}
.layui-laydate-content>.layui-laydate-list>li{
    width:50%
}

.merge-box .scrollbox .merge-list {
    padding-bottom: 5px;
}
</style>

<!----------------------css样式结束----------------------!>

<!--活动出发时间-->
<div class="layui-form-item layui-inline">
    <label for="appoint_start_time" class="layui-form-label">
        <span class="x-red">*</span>出发时间</label>

    <div class="layui-input-inline">
        <input class="layui-input" autocomplete="off" placeholder=