layDate 时间控件去掉秒
1、方法一:使用ready回调函数ready 是时间控件在打开时触发。打开控件时让秒消失。由于layui给时间控件添加了样式,含有动画效果,这个方法不建议使用。<script&爿讥旌护gt;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-bott泠贾高框om: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>
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:84
阅读量:47
阅读量:61
阅读量:43
阅读量:40