layui文本框实现选择起始时间和结束时间

缘飞梦

于 2018-09-29 16:51:02 发布

阅读量4.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui js 前端技术文章标签： layu时间插件i 时间框

本文链接：https://blog.youkuaiyun.com/qq_37481512/article/details/82899487

前端技术同时被 3 个专栏收录

22 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

26 篇文章

订阅专栏

layui

2 篇文章

订阅专栏

该博客介绍了如何使用layui时间插件来选择起始和结束时间。通过下载layui.js并进行相关配置，实现了可以选择当前时间前一天或后一小时的特定需求，代码中包含详细注释。

首先要调用layui时间插件必须下载layui.js文件，这个可以在官网去下载的(https://www.layui.com/)，我这个功能是可以选择当前时间的前一天，或者后一小时的时间，这个根据具体需求可以修改的：

如下图所示：

html代码：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>

	<body>
		<input type="text" id="text1" datatype='ddd1' value="2018-9-2 18:43:30" />
		<input type="text" id="text2" datatype='ddd2' value="2018-9-2 18:43:30" />

		<input type="text" id="text3" datatype='ddd3' />
		<input type="text" id="text4" datatyp