layui 时间选择器 laydate 设置默认值,最大选择区间,清空默认值

layui 时间选择器 laydate 设置默认值,最大选择区间,清空默认值,第1张

最近项目用到layui日期时间选择器,各种探索采坑。

我们的需求是,默认值是最近七天,最多能搜索一个月的时间区间,如下图

选择时间区间超过一个月时,提示,清空输入框,如图:

开始设置默认值,但是设置默认值之后不能清空, 后查找用一下代码实现清除

done: function (data) { 
    this.value = data;
    this.elem.val(data)
}

另外是选择时间区间超过一个月的话,d框提示最多选择30天,但是点击确认按钮,文本框依然可以填上选择的时间区间,这个就有问题了,在done中加入判断,可能略繁琐。最终效果是,选择时间超过30天,d出提示框,提示框消失后,点击确认按钮,清除文本框内容和时间控件选择样式

实现步骤如下:

HTML代码:

<

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1297240.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存