layui中laydate支持分鍾自定義間隔


  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);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM