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

  • 简笔画阿狸表情包怎么画
  • 怎样凝聚形成创新创业的强大合力
  • 如何使用Bin_Hex软件把HEX文件转成BIN文件
  • 如何设置海螺桌面开机自动启动功能
  • 怎么关闭爱奇艺弹屏广告和开机启动
  • 热门搜索
    草海旅游 河南红色旅游 湖南省旅游攻略 江西省旅游地图 全国各地旅游景点 郑州周边旅游景点 辽宁旅游网 三峡旅游船 越南旅游需要多少钱 上海旅游景区