layDate 时间控件去掉秒

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>

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>