最近要做一个日期选择,这个日期是选择当前日的前一周内的日期
本来要我用左右箭头来控制日期的选择
但是我想虽然只要七天,那如果要前面的第七天,不也要点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这个该插件的官网