本文为大家分享了laydate时间日历插件的使用方法,供大家参考,具体内容如下
<强> 1,前言
在处理页面表单的时候,会遇到日期类型的数据,我们可以通过时间插件的让用户来选择具体的时间,这样就会比较方便。今天记录一下laydate这个时间插件。
<强> 2代码展示
& lt; !DOCTYPE html>
& lt; html>
& lt;头lang=癳n”比;
& lt;元charset=皍tf - 8”比;
& lt; title>测试时间插件& lt;/title>
& lt;/head>
& lt; body>
& lt; div>
& lt; h4>开始和结束的相互制约& lt;/h4>
开始日:& lt; div class=" laydate-icon " id="开始"祝辞& lt;/div>
结束日:& lt; div class=" laydate-icon " id=敖崾弊４? lt;/div>
& lt;/div>
& lt;人力资源/比;
& lt; div>
& lt; h4>日历结构详解& lt;/h4>
日历插件:& lt;输入class=" laydate-icon " id="时间"/比;
& lt;/div>
& lt;/body>
& lt; !——用法:直接引入laydate。js——比;
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/laydate/laydate.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞
laydate.skin (molv ");//设置皮肤
var={开始
elem: #开始,
格式:“YYYY/MM/DD hh: MM: ss”,
分钟:laydate.now()//设定最小日期为当前日期
马克斯:2099-06-16 23:59:59,//最大日期
istime:没错,
就是今天:假的,
选择:函数(数据){
结束。min=数据;//开始日选好后,重置结束日的最小日期
}
}；
var={结束
elem:“#”结束,
格式:“YYYY/MM/DD hh: MM: ss”,
分钟:laydate.now (),
马克斯:“2099-06-16 23:59:59”,
istime:没错,
就是今天:假的,
选择:函数(数据){
开始。max=数据;//结束日选好后,重置开始日的最大日期
}
}；
laydate(开始);
laydate(结束);
var时间={
elem:“#时间”,
格式:“YYYY-MM-DD hh: mm: ss”,
分钟:laydate.now (),
马克斯:“2999-12-31 23:59:59”,
istime:真的,//是否显示时分秒
就是今天:真的,//是否显示【今天】的按钮
清晰:真的,//是否显示【清空】的按钮
节日:真的,//是否显示节日
开始:laydate。现在(0,“YYYY-MM-DD hh: mm: ss”),//开始日期
固定:假的,//是否固定在可视区域
zIndex: 10000//css控制图层的遮罩效果(效果不明显)
选择:函数(日期){//选择好日期的回调
}
}
laydate(时间);/*
* laydate。现在(时间戳格式)这个函数中时间戳既可以是时间戳也可以是天数
* laydate.now(+ 1):表示比当前时间迟一天
* laydate.now(1):表示比当前时间早一天
*
* laydate.now(3999634079890):表示2096-09-28
*
*格式可以随意指定显示的日期格式,不指定就会显示默认的日期格式。如果需要指定当前的具体的时分秒,就可以使用时间戳(毫秒值)
*
*如:laydate。现在(新日期().getTime () + 300000, YYYY-MM-DD hh: mm: ss)表示比当前时间的晚5分钟
* JS中获取当前时间的时间戳:新的日期().getTime ()
*
* laydate.reset ();//重设日历控件坐标,一般用于页面dom结构改变时。无参
*
*官网:https://www.layui.com/laydate
* */& lt;/script>
& lt;/html>
<强> 3页面展示
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
