easyUI的日期格式化

最新推荐文章于 2022-05-06 10:43:34 发布

Jeason5

最新推荐文章于 2022-05-06 10:43:34 发布

阅读量330

点赞数

本文链接：https://blog.csdn.net/Jeason5/article/details/100697351

版权

<!DOCTYPE HTML> 
<HTML> 
	<HEAD>  
		<link rel="stylesheet" type="text/css" href="static/jquery-easyui-1.4/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="static/jquery-easyui-1.4/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="static/jquery-easyui-1.4/themes/demo.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/main.css">
		<script type="text/javascript" src="static/jquery-easyui-1.4/jquery.min.js"></script>
		<script type="text/javascript" src="static/jquery-easyui-1.4/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="static/jquery-easyui-1.4/locale/easyui-lang-zh_CN.js"></script>
	    <meta charset="UTF-8">  
		<title>后台菜单</title>  
	</HEAD>     
	<script type="text/javascript">
	    $(function () {
			$('#startdate').datebox({
				formatter:function(date){
					var y = date.getFullYear();
					var m = date.getMonth()+1;
					var d = date.getDate();
					function formatNumber(value){
						return (value < 10 ? '0' : '') + value;
					}
					return y+formatNumber(m)+formatNumber(d);
				},
				parser:function(s){
					if (!s) return new Date();
					var yStr = s.substr(0,4);
					var mStr = s.substr(4,2);
					var dStr = s.substr(6,2);
					var y = parseInt(yStr, 10);
					var m = parseInt(mStr, 10);
					var d = parseInt(dStr, 10);
					if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
						return new Date(y, m - 1, d);
					} else {
						return new Date();
					}
				}
			});
			$('#enddate').datebox({
				formatter:function(date){
					var y = date.getFullYear();
					var m = date.getMonth()+1;
					var d = date.getDate();
					function formatNumber(value){
						return (value < 10 ? '0' : '') + value;
					}
					return y+formatNumber(m)+formatNumber(d);
				},
				parser:function(s){
					if (!s) return new Date();
					var yStr = s.substr(0,4);
					var mStr = s.substr(4,2);
					var dStr = s.substr(6,2);
					var y = parseInt(yStr, 10);
					var m = parseInt(mStr, 10);
					var d = parseInt(dStr, 10);
					if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
						return new Date(y, m - 1, d);
					} else {
						return new Date();
					}
				}
			});
	    });
	</script>
	<BODY>   
	     <div id="tb">
	          <form method="post" id="searchForm">
	               <div  class="formDiv">
	         			<ul >
	         			 	<li>交易日期：
			     		  	 	<input name="startDate" id="startdate" style="width:150px" class="easyui-datebox">
			     		  		<input name="endDate" id="enddate" style="width:150px" class="easyui-datebox">
			     		  	</li>
			     			<li>
			     				<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:void(0)" onclick="queryData();">查询</a>
			     			</li>
		     	    	</ul>
				   </div>
	          </form>
	</BODY>
</html>

Jeason5

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyUI的日期格式化

<!DOCTYPE HTML> <HTML> <HEAD> <link rel="stylesheet" type="text/css" href="static/jquery-easyui-1.4/themes/default/easyui.css"> <link rel="stylesheet" type="text/c...
复制链接

扫一扫