layDate 时间控件去掉秒

时间:2026-02-14 23:21:05

1、方法一:使用 ready 回调函数

ready 是时间控件在打开时触发。打开控件时让秒消失。

由于layui给时间控件添加了样式,含有动画效果,这个方法不建议使用。

<script>

laydate.render({

  elem: '#endTime', //指定元素

  trigger: "click",

  type: 'time',

  format:'HH:mm',

  ready: noSecond(date)

});

function noSecond(date){

  $(".layui-laydate-list>li:last").css("overflow","hidden"); 

  $(".layui-laydate-list>li").css("width", "50%")}

</script>

layDate 时间控件去掉秒

layDate 时间控件去掉秒

2、方法二:使用css

建议使用这种方法,简单有效

<style>  

  .laydate-time-list{padding-bottom:0;overflow:hidden} 

  .laydate-time-list>li{width:50%!important;}

  .laydate-time-list>li:last-child { display: none;}

  .laydate-time-list ol>li:last-child{margin-bottom:.26rem;}  /*这里0.26rem大概13像素,添加这个的原因是最后一个选项会被遮挡住,要把它显示出来*/</style>

layDate 时间控件去掉秒

layDate 时间控件去掉秒

© 2026 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com