My97DatePicker日期插件

来源:互联网 发布:淘宝搜同款 编辑:程序博客网 时间:2024/06/05 08:37

第一种情况:这是有两个日期选择框,

(1)在html页面中导入WdatePicker.js。

[html] view plain copy
 print?
  1. <script type="text/javascript" src="${rootPath }topui/js/My97DatePicker/WdatePicker.js"></script>  
(2)开始时间结束时间互相校验(结束时间不能小于开始时间,开始时间不能大于结束时间)。

  1. <input type="text" class="Wdate" id="startTime"  onfocus="WdatePicker({dateFmt:'yyyy年MM月',maxDate:'#F{$dp.$D(\'endTime\')}'})"/>至                 
  2. <input type="text" class="Wdate" id="endTime" onfocus="WdatePicker({dateFmt:'yyyy年MM月',minDate:'#F{$dp.$D(\'startTime\')}'})"/>  
  3.                

第二种情况:这是一个日期选择框,但是日期的选择是要控制在当前时间到120年之前!
<div id="benren">
<span>出生年月</span>
<input id="datePicker" type="text" name="birthday" style="ime-mode:disabled;"  onClick="chooseTime('benren')">
</div>
<script>
function chooseTime(key){//获取当前时间减去120年(控制年龄在0~120岁)var now = new Date();var date = now.getTime()-86400000*365*120;var minDate=new Date(date);WdatePicker({maxDate:new Date(),minDate:minDate});
}
</script>