Layui datetime类型去除秒

原创已于 2023-05-11 10:58:28 修改 · 486 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #javascript

于 2023-05-11 10:57:19 首次发布

JavaScript 同时被 2 个专栏收录

13 篇文章

订阅专栏

CSS

12 篇文章

订阅专栏

文章讲述了在使用layui时间控件并设置format为yyyy-MM-ddHH:mm时，如何通过修改样式和添加额外的JS函数来隐藏秒显示，以达到理想的日期时间选择效果。同时提到了在datetime类型中，extrabtns属性的必要性。

当使用layui 时间控件时 format 格式符设定为 yyyy-MM-dd HH:mm 时，选择时分时秒还是会出现，不够完美，手动修改如下：

调整展示样式，让其自适应：

.layui-laydate-list {
    display: flex;
}

    .layui-laydate-list > li {
        flex: 1;
    }

 layui.use('laydate', function () {
        var laydate = layui.laydate;


        laydate.render({
            elem: '#platformPublishTime'
            , type: 'datetime'
            , format: 'yyyy-MM-dd HH:mm'
            , trigger: 'click'
            , theme: '#1E62EC'
            , extrabtns: []
            , ready: clearSS
        })
})

/*layui 清空 秒*/
function clearSS(date) {
    $('.laydate-btns-time[lay-type="datetime"]').click(function () {
        $(".laydate-time-list").children('li').eq(2).remove(); //清空秒
    })

}

当 datatime类型时 extrabtns: [] 一定的加上否则选择时间按钮不显示