html 时间控件插件laydate， 显示时分，不显示秒
更新时间：2020-09-18 11:36:36 来源： 阅读量：
【摘要】 html 时间控件插件laydate， 显示时分，不显示秒考必过小编为大家整理了关于html 时间控件插件laydate， 显示时分，不显示秒的信息，希望可以帮助到大家！
html 时间控件插件laydate， 显示时分，不显示秒
标签：--显示hiddenreadonlyrem根据mat不显示move
概述项目中使用到了时间控件，不知为何input-->date无法弹出控件，故使用了js插件laydate。根据项目需求，时间要求精度为分，故隐藏秒控件。
参考网友博客，最终实现如下。
代码
<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， 显示时分，不显示秒的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！
上一篇：Cilium Network Policy
下一篇：css3实现渐变进度条