laydate实现时间选择器增加选择限制并提供清空限制功能(修改laydate的js文件)
该截图作用为选择器中清空按钮提供清空限制
**html代码**
<input placeholder="开始日期" class="hm-search-w208 layer-date" style="width: 100px;" id="create-start-time">
<input placeholder="结束日期" class="hm-search-w208 layer-date" style="width: 100px;" id="create-end-time">
<button class="btn btn-white btn-sm" type="button"
onclick="dropdownSearchFun(this)"
data-url="${cxt!}/s/user/userIdentity/list_json"
data-tid="table_jq" id="search-btn"><i class="fa fa-search"></i> 查询
</button>
<button class="btn btn-white btn-sm" type="button"
onclick="dropdownSearchCleanFun(this)"
data-url="${cxt!}/s/user/userIdentity/list_json"
data-tid="table_jq" id="clear-btn"><i class="fa fa-retweet"></i> 清空
</button>
**js代码**
var applyStartTime = {
elem: "#create-start-time",
format: "YYYY-MM-DD",
// min: laydate.now(),
max: "2099-06-16 23:59:59",
istime: true,
istoday: false,
festival: true, //是否显示节日
choose: function (datas) {
end.min = datas;
end.start = datas
}
};
var applyEndTime = {
elem: "#create-end-time",
format: "YYYY-MM-DD",
// min: laydate.now(),
max: "2099-06-16 23:59:59",
istime: true,
istoday: false,
festival: true, //是否显示节日
choose: function (datas) {
start.max = datas
}
};
laydate(applyStartTime);
laydate(applyEndTime);
//鼠标按下事件,清空时间限制
$("#clear-btn").mousedown(function () {
start.max ="", end.min =""
})