laydate自定义开始日期和结束日期

由于苦于没有找到好用的开始日期和结束日期限制的日历工具，偶然间遇到了这个，感觉很实用，所以记录了下来，方便以后随时查阅使用。

laydate.render({
elem: '#test1',  //指定元素
type:'datetime',  //可选择：年月日时分秒
format: 'yyyy/MM/dd HH:mm:ss',  //时间格式
min: -0,  //最小日期为当前日期的前一天
max: '2222-06-16 23:59:59',  //最大日期
theme: '#393D49'  //自定义主题颜色
});

这是基本的样式，type里面的date设置日期，time设置时分秒。

1、我有两个input框，需要限制开始日期和结束日期：

<input placeholder="开始日期" class="" id="beginTime" name="">
<input placeholder="结束日期" class="" id="endTime" name="">//开始时间
var start = laydate.render({
elem: '#beginTime',
type:'datetime',  //可选择：年月日时分秒
min: -0,  //最小日期为当前日期的前一天
max: '2099-6-16 23:59:59',
trigger: 'click', //采用click弹出
done: function (value, date, endDate) {
end.config.min = {
year: date.year,month: date.month - 1,date: date.date,hours: date.hours,minutes: date.minutes,seconds: date.seconds
}; //开始日选好后，重置结束日的最小日期
end.config.value = {year: date.year,month: date.month - 1,date: date.date,hours: date.hours,minutes: date.minutes,seconds: date.seconds
}; //将结束日的初始值设定为开始日
}
});
//结束时间
var end = laydate.render({
elem: '#endTime',
type:'datetime',  //可选择：年月日时分秒
min: -0,  //最小日期为当前日期的前一天
max: '2099-6-16 23:59:59',
trigger: 'click', //采用click弹出
done: function (value, date, endDate) {
start.config.max = {year: date.year,month: date.month - 1,date: date.date,hours: date.hours,minutes: date.minutes,seconds: date.seconds}; //结束日选好后，重置开始日的最大日期
}});

laydate自定义开始日期和结束日期相关推荐

jaDate日期控件开始日期与结束日期、日期联动
一.效果使用jaDate日期控件:一个为开始日期,另外一个为结束日期,两个日期之间建立相互约束关系.即开始日期不能大于结束日期,结束日期不能小于开始日期. 二.所需插件三.代码注意:设置最小日期 ...
【C#】日期范围生成器（构建开始日期、结束日期）
系列文章 [C#]单号生成器(编号规则.固定字符.流水号.产生业务单号) 本文链接:https://blog.csdn.net/youcheng_ge/article/details/12912978 ...
Tableau参数:使用参数创建开始日期和结束日期筛选器
Tableau默认的日期筛选样式有相对日期.日期范围.开始日期.结束日期等,可以根据自己的需要选择合适的方式. 相对日期:以一个时间点为基准,可以选择这个基准前(后)N天/周/季度/年. 日期范围:可 ...
android谷歌补丁日期,在谷歌日历Android中添加开始日期和结束日期之间所有日期的事件...
在谷歌日历 Android中添加开始日期和结束日期之间所有日期的事件.我希望每3个月剩余一次,直到结束日期. 这是我的功能 public void addEvent1(Context ctx, Str ...
php 一年中所有的天,PHP获取一年中的每星期的开始日期和结束日期
function get_week($year) { $year_start = $year . "-01-01"; $year_end = $year . "-12-3 ...
转：[C#]获取某年指定周的开始日期和结束日期的通用方法
来自:http://blog.csdn.net/vrhero/archive/2008/01/13/2042481.aspx /// <summary> /// 获取一年中指定的一周的开始 ...
element 日期控件限制开始日期和结束日期
基于element ui中的时间日期控件的开始日期和结束日期的限制用picker-options属性, 当前日期时间器特有的选项. 代码如下: <el-form-item label=" ...
返回指定月份的周列表包含周序号、开始日期、结束日期(不包含周末)
/*** 返回当前年月的周列表包含周序号.开始日期.结束日期(不包含周末)* @param year 年* @param month 月* @returns {Array} */function ...
php 计算指定年份的周总数与及第几周的开始日期和结束日期（从周一开始）
/** * 获取某年第几周的开始日期和结束日期 * @param int $year * @param int $week 第几周; */ public function weekday($year, ...

laydate自定义开始日期和结束日期

laydate自定义开始日期和结束日期相关推荐

最新文章

热门文章