easyUI的日期格式转换

easyUI的日期格式转换

1、下载easyUI相应包

2、导入相关文件

<link rel="stylesheet" type="text/css"
href="${basePath}easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
href="${basePath}easyui/themes/icon.css">
<script type="text/javascript" src="${basePath}easyui/jquery.min.js"></script>
<script type="text/javascript"
src="${basePath}easyui/jquery.easyui.min.js"></script>

3、编写表单的input元素如下

<input type="text" name="birthday" id="birthday" data-options="formatter:myformatter,parser:myparser"
            class="form-control easyui-datebox " value=""><%-- value="${requestScope.user.userbirthday}" --%>

其中 easyui-datebox 为easyUI的日期样式， data-options="formatter:myformatter,parser:myparser"为日期转换函数

4、编写相应日期转换函数如下：

<script type="text/javascript">

<!-- 日期类型转换为String类型-->
function myformatter(date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
return y + '-' + (m < 10 ? ('0' + m) : m) + '-'
+ (d < 10 ? ('0' + d) : d);
}
<!-- String类型转换为事件类型 -->
function myparser(s) {
if (!s)
return new Date();
var ss = (s.split('-'));
var y = parseInt(ss[0], 10);
var m = parseInt(ss[1], 10);
var d = parseInt(ss[2], 10);
if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
return new Date(y, m - 1, d);
} else {
return new Date();
}
}

<script >