开始时间小于结束时间 WdatePicker这个控件是如何处理的

最新推荐文章于 2024-06-03 16:14:18 发布

转载最新推荐文章于 2024-06-03 16:14:18 发布 · 2.4k 阅读

文章标签：

#js

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个合同有效期内的日期选择器实现方式，确保所选日期符合业务逻辑：开始日期不晚于结束日期，并且两个日期均不超过特定截止日期。通过JavaScript代码实现了日期范围限制。

前面的日期不能大于后面的日期且两个日期都不能大于 2020-10-01合同有效期从到 <input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/> <input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/>

前面的日期不能大于后面的日期
合同有效期从到
<input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')}'})"/>
<input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}'})"/>

注意:
两个日期的日期格式必须相同

$dp.$ 相当于 document.getElementById 函数.
那么为什么里面的 ' 使用 \' 呢? 那是因为 " 和 ' 都被外围的函数使用了,故使用转义符 \ ,否则会提示JS语法错误.
所以您在其他地方使用时注意把 \' 改成 " 或者 ' 来使用.

#F{$dp.$D(\'d4312\')||\'2020-10-01\'} 表示当 d4312 为空时, 采用 2020-10-01 的值作为最大值