另一种日期控件的使用

最新推荐文章于 2015-08-06 09:28:23 发布

hailingling

最新推荐文章于 2015-08-06 09:28:23 发布

阅读量77

点赞数

分类专栏： java 文章标签： ui javascript ViewUI

本文链接：https://blog.csdn.net/hailingling/article/details/83736616

版权

java 专栏收录该内容

78 篇文章 1 订阅

订阅专栏

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

<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 class="input_tx" type="text" name="order.createdDate" id="createdDate" value="${order.createdDate?if_exists?string('yyyy-MM-dd')}"/>
								　     至　
								 	<input class="input_tx" type="text" name="order.buyerReceivedDate" id="buyerReceivedDate" value="${order.buyerReceivedDate?if_exists?string('yyyy-MM-dd')}"/>