layDate 时间控件去掉秒

 时间:2026-04-21 15:54:22

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 时间控件去掉秒

  • 简笔画阿狸表情包怎么画
  • 怎样凝聚形成创新创业的强大合力
  • 如何使用Bin_Hex软件把HEX文件转成BIN文件
  • 如何设置海螺桌面开机自动启动功能
  • 怎么关闭爱奇艺弹屏广告和开机启动
  • 热门搜索
    销售工程师是做什么的 电视4k是什么意思 农村贷款需要什么条件 打荷是做什么的 vvt发动机是什么意思 耳垂大代表什么 toxic中文意思 周六有什么综艺节目 彘是什么意思 administrator什么意思