强大的My97DatePicker日历控件

最新推荐文章于 2024-10-22 11:32:04 发布

最新推荐文章于 2024-10-22 11:32:04 发布 · 169 阅读

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了My97DatePicker日历控件的四个实用功能，包括如何选择早于或晚于今天日期的方法、如何限制一个日期必须在另一个日期之后，以及如何选择之前一周内的日期。

强大的My97DatePicker日历控件
简单介绍几个常用功能：
（1）、选择早于等于今天的日期。
<input name="time" id="time" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd',maxDate: '%y-%M-%d-%H-%m-%s'})" readonly/>
如%y表示当前年,%M表示当前月，#{}可以进行表达式运算

（2）、选择晚于等于今天的日期。
<input name="time" id="time" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd',minDate: '%y-%M-%d-%H-%m-%s'})" readonly/>

（3）、限制一个日期在另一个日期之后。（endtime日期范围在time选择的日期之后的日期）
<input name="time" id="time" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd'})" readonly/>
<input name="endtime" id="endtime" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd',minDate: '#F{$dp.$D(\'time\')}'})" />
$dp.$ 相当于 document.getElementById 函数.

（4）、选择之前一周的日期
<input name="factTestTime" class="Wdate" style="width:205"
onfocus="WdatePicker({dateFmt:'yyyy/MM/dd',minDate: '%y-%M-#{%d-6}',maxDate: '%y-%M-%d-%H-%m-%s'})" readonly/>

#{%d+1}表示明天。 #{%d-6}运算表示：前第6天