首页 > 其他 > 详细

layui中laydate支持分钟自定义间隔

时间:2020-06-16 14:00:55      阅读:266      评论:0      收藏:0      [点我收藏+]
  1. 源码版本

/** layui-v2.5.5 MIT License By https://www.layui.com */

  1. 演示效果

技术分享图片

  1. 使用方式
layui.define([‘util‘, ‘laydate‘], function (exports) {
    var $ = layui.$,
        form = layui.form,
        laydate = layui.laydate;
    //日期时间选择器
    var _start = laydate.render({
        elem: ‘#split_min‘
        , type: ‘time‘
        , format: ‘HH:mm:ss‘
        , trigger: ‘click‘ //采用click弹出
        , btns: [‘confirm‘]
        , minutes_step: 5 //设置分钟为每隔5分钟,也可以是其他分隔
        , done: function (value, date, endDate) {
        }
    });

    form.render();
    //对外暴露的接口
    exports(‘/test/testlayui‘, {});
});
  1. 源码修改
    修改处总共3处,如下3图

修改处1
技术分享图片
修改处2
技术分享图片
修改处3
技术分享图片

  1. 粘贴复制
    ,minutes_step:1//使用时间段的分钟选择改为5分钟间隔
            if (i != 1 || (ii % options.minutes_step == 0)) {
                childUL.push(‘<li‘ + (that[startEnd][hms[i]] === ii ? ‘ class="‘ + THIS + ‘"‘ : ‘‘) + ‘>‘ + lay.digit(ii, 2) + ‘</li>‘);
            }
          ol.scrollTop = i==1?30*(that[startEnd][hms[i]]/options.minutes_step - 2 ):30*(that[startEnd][hms[i]] - 2);

layui中laydate支持分钟自定义间隔

原文:https://www.cnblogs.com/baishier/p/13140277.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!