今天有个需要，用户进入页面的时候，弹出一个弹窗，弹窗中选择一个时间，弹窗大概是这样的：
我的思路是，先在页面写好弹窗内容，然后使用lay.open设置content即可：
时间：<input type=text id=time></input>
layer.open({
content: $(#layout).html(),
success: function(){
laydate({
elem: #time
});
}
});
执行，发现无论怎么点击输入框，时间控件都出不
2022-05-06 22:06:19
72KB
1
你是时候换一款日期控件了，而layDate非常愿意和您成为工作伙伴。她正致力于成为全球最高大上的web日期支撑，为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢，兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码，良好的性能体验，和完善的皮肤体系，并且完全开源，你可以任意获取开发版源代码，一扫某些传统日期控件的封闭与狭隘。layDate延续了layui一贯的简单与易用，本着资源共享的开发者精神和对网页日历交互的无穷追求，她将长年被维护和更新，且这动力永不止步。她遵循LGPL协议，您可以将她用于任何个人项目。
laydate网页日期控件 v5.0.6 更新日志
优化时间选择器（time）的范围选择体验，不再校验“结束时间超出开始时间”，以支持跨越凌晨的情况
优化控件关闭，以避免 focus 事件下可能出现的未关闭上一个控件的问题
修复自定义无符号分割的日期格式（如 yyyyMM、yyyyMMdd），二次选择后控件存在的异常问题
修复日期时间选择器（datetime）开启范围选择时，选择当天未校验“结束时间超出开始时间”的问题
laydate网页日期控件截图
2021-12-02 09:35:07
47KB
1
本文实例为大家分享了laydate时间日历控件的使用方法，供大家参考，具体内容如下
layui下载地址：http://www.layui.com/
此控件可使用layui或者独立版的layDate，两者初始化有些不同
在 layui 模块中使用layui.code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layDate快速使用</title>
<link rel="stylesheet" href="/static/build/layui.css" rel="external nofollow" media="
2021-10-13 15:42:04
88KB
1