首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

另一种日期控件的运用

2012-10-27 
另一种日期控件的使用script typetext/javascript src/js/ui.datepicker-zh-CN.js/scriptlink

另一种日期控件的使用

<script type="text/javascript" src="/js/ui.datepicker-zh-CN.js"></script>
<link type="text/css" rel="stylesheet" href="/css/ui.datepicker.css" />

<script type="text/javascript">$('#createdDate').datepicker({yearRange: '1900:2099', //取值范围.showOn: 'focus', //输入框和图片按钮都可以使用日历控件。//buttonImage: 'calendar.gif', //日历控件的按钮buttonImageOnly: false,showButtonPanel: true                });                $('#buyerReceivedDate').datepicker({yearRange: '1900:2099', //取值范围.showOn: 'focus', //输入框和图片按钮都可以使用日历控件。//buttonImage: 'calendar.gif', //日历控件的按钮buttonImageOnly: false,showButtonPanel: true                });var createdDate = $("#createdDate").val();      var buyerReceivedDate = $("#buyerReceivedDate").val();      var beginDate = setDate(createdDate);      var endDate = setDate(buyerReceivedDate);      var a=/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/ ;      var pattern = /^((\d{2}(([02468][048])|([13579][26]))\-((((0[13578])|(1[02]))\-((0[1-9])|([1-2][0-9])|(3[01])))|(((0[469])|(11))\-((0[1-9])|([1-2][0-9])|(30)))|(02\-((0[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))\-((((0[13578])|(1[02]))\-((0[1-9])|([1-2][0-9])|(3[01])))|(((0[469])|(11))\-((0[1-9])|([1-2][0-9])|(30)))|(02\-((0[1-9])|(1[0-9])|(2[0-8]))))))(\/(((0[0-9])|(2[0-3])|(1[0-9]))\:([0-5][0-9])))?$/;      if(!pattern.exec(createdDate)){      alert('日期格式不正确!');      $("#createdDate").focus();      return false;      }      if(!pattern.exec(buyerReceivedDate)){      alert('日期格式不正确!');      $("#buyerReceivedDate").focus();      return false;      }      if(createdDate == "" || createdDate == null){      alert('交易日期不能为空!');      $("#createdDate").focus();      return false;      }      if(buyerReceivedDate == "" || buyerReceivedDate == null){      alert('交易日期不能为空!');      $("#buyerReceivedDate").focus();      return false;      }      //查询时间不能晚于当前时间 if (beginDate.getTime() > endDate.getTime()) {        alert("起始日期不能晚于结束日期");        return false; }function setDate(strDate){var aDate = strDate.split("-");return new Date(aDate[0],aDate[1]-1,aDate[2]);}</script><input type="text" name="order.createdDate" id="createdDate" value="${order.createdDate?if_exists?string('yyyy-MM-dd')}"/>      至  <input type="text" name="order.buyerReceivedDate" id="buyerReceivedDate" value="${order.buyerReceivedDate?if_exists?string('yyyy-MM-dd')}"/>



热点排行