NO.3 My97DatePicker时间控件

日期控件应用

最新推荐文章于 2025-08-23 08:00:22 发布

转载最新推荐文章于 2025-08-23 08:00:22 发布 · 69 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/00fairy00/archive/2009/11/10/1599931.html

文章标签：

#xhtml

本文介绍了一种使用My97DatePicker日期控件的方法，通过设置日期范围限制，实现仅选择当前日期前一周内的日期。该方法简化了用户操作，提高了用户体验。

最近要做一个日期选择，这个日期是选择当前日的前一周内的日期

本来要我用左右箭头来控制日期的选择

但是我想虽然只要七天，那如果要前面的第七天，不也要点7下，好像增加了点击操作

所以我觉得还是用日期控件比较好

于是又去学习了一下之前用过的My97DatePicker时间控件

用他的日期范围控制的动态限制就能够达到我需要的目的

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>选择当前日前一周内日期</title>
<mce:script src="My97DatePicker/WdatePicker.js" mce_src="My97DatePicker/WdatePicker.js" type="text/javascript"></mce:script><h1></h1>
</head>

<body>
<input class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-{%d-7}',maxDate:'%y-%M-%d'})"/>
</body>
</html>

其中minDate是'%y-%M-#F{%d-7}'，maxDate是'%y-%M-%d'，

就是说最小日期是今天的前7天，最大日期是今天

%y表示当前年

%m表示当前月

%d表示dangqianri

好啦，今天先到这里，还有很多可以学习的，下次继续！~

http://my97.net/dp/demo/index.htm这个该插件的官网

转载于:https://www.cnblogs.com/00fairy00/archive/2009/11/10/1599931.html