layui中laydate支持分钟自定义间隔
- 源码版本
/** layui-v2.5.5 MIT License By https://www.layui.com */
- 演示效果
- 使用方式
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', {});
});
- 源码修改
修改处总共3处,如下3图
修改处1
修改处2
修改处3
- 粘贴复制
,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);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律