【layDate】基于layUI的时间插件用法

最新推荐文章于 2024-07-29 14:48:30 发布

月晕知风

最新推荐文章于 2024-07-29 14:48:30 发布

阅读量889

点赞数

分类专栏： layUI

本文链接：https://blog.youkuaiyun.com/ab102a/article/details/89416226

版权

layUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在JSP页面上使用layDate插件实现时间范围选择功能。通过在页面中引入layDate.js文件，并在JavaScript中调用laydate.render()方法，设置elem、range、format等属性，完成时间范围的选择。当用户选定时间后，可以触发done回调函数，进行后续的数据处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【layDate相关地址】

下载地址
 参考文档
 示例

【以时间范围选择为例】

在jsp页面引用laydate.js

<script type="text/javascript" src="<%=basePath%>/static/js/laydate/laydate.js"></script>

在js中写相关调用方法

注：render中各属性在官方文档，及laydate.js文件中都有标记详细用法

<script>
	laydate.render({
		elem: '#checkTime',
		range: true,
		format : "yyyy.MM.dd",
		done: function(value, date, endDate){
			var startTime = startTime = date.year+"-"+date.month+"-"+date.date;
			var endTime = endTime = endDate.year+"-"+endDate.month+"-"+endDate.date;
			//请求后台
			window.location.href = "" ;
		}
	});
<script>