html 时间控件插件laydate，显示时分，不显示秒-考必过

【摘要】 html 时间控件插件laydate，显示时分，不显示秒考必过小编为大家整理了关于html 时间控件插件laydate，显示时分，不显示秒的信息，希望可以帮助到大家！

html 时间控件插件laydate，显示时分，不显示秒

标签：--显示hiddenreadonlyrem根据mat不显示move

概述

项目中使用到了时间控件，不知为何input-->date无法弹出控件，故使用了js插件laydate。根据项目需求，时间要求精度为分，故隐藏秒控件。
参考网友博客，最终实现如下。

赋能行业回馈老用户-免费领1门建筑业技能课

¥0

去购买

代码

<html>
<head>
    <meta charset="utf-8">
    <title>laydate_minute</title>
    <script src="jquery-3.5.1.js"></script>
    <script src="laydate/laydate.js"></script>
    <style type="text/css">
        .layui-laydate-content>.layui-laydate-pst
        {
            padding-bottom: 0px;
            overflow: hidden;
        }
        .layui-laydate-content>.layui-laydate-pst>p
        {
            width:50%
        }
        .merge-box .scrollbox .merge-pst
        {
            padding-bottom: 5px;
        }
    </style>
</head>

<body>
    <p>
        <span>时分</span>
        <input id="time" type="text" readonly="readonly" style="width: 200px; height: 25px;"/>
        <span>年月日时分</span>
        <input id="date_time" type="text" readonly="readonly" style="width: 200px; height: 25px;"/>
    </p>

    <!-- Script Function -->
    <script>
        //Time Settings
        laydate.render({ elem: "#time", type: "time", format: "HH:mm", ready: formatminutes });
        laydate.render({ elem: "#date_time", type: "datetime", format: "yyyy-MM-dd HH:mm", ready: formatminutes });
        function  formatminutes( date )
        {
            $($(".laydate-time-pst p ol")[2]).find("p").remove();  //清空秒
        }
    </script>
</body>
</html>

效果

html 时间控件插件laydate，显示时分，不显示秒

标签：--显示hiddenreadonlyrem根据mat不显示move

以上就是html 时间控件插件laydate，显示时分，不显示秒的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！

html 时间控件插件laydate， 显示时分，不显示秒

代码

效果

html 时间控件插件laydate，显示时分，不显示秒