EasyUI DateBox设置默认值
EasyUI DateBox设置默认值EasyUI中将DateBox的默认值设置成yyyy-mm-dd格式的方法
实例一
<li style="margin:20px 0;"></li> 定义日期格式: <input class="easyui-datetimebox" data-options="formatter:dateformatter,parser:dateparser" style="width:200px;"> yyyy年mm月dd日hh点</input> <script type="text/javascript"> function dateformatter(date){ var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); var h = date.getHours(); return y+'年'+(m<10?('0'+m):m)+'月'+(d<10?('0'+d):d)+'日'+(h<10?('0'+h):h)+'点'; } function dateparser(s){ var reg=/[\\u4e00-\\u9fa5]/ //利用正则表达式分隔 var ss = (s.split(reg)); var y = parseInt(ss[0],10); var m = parseInt(ss[1],10); var d = parseInt(ss[2],10); var h = parseInt(ss[3],10); if (!isNaN(y) && !isNaN(m) && !isNaN(d) && !isNaN(h)){ return new Date(y,m-1,d,h); } else { return new Date(); } } </script>
效果图
实例二
<input id="txtBeginTime" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input> <b>--</b>
<input id="txtEndTime" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input>
<script>
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);
}
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();
}
}
//页面加载
$(function(){
//设置时间
var curr_time = new Date();
$("#txtBeginTime").datebox("setValue",myformatter(curr_time));
$("#txtEndTime").datebox("setValue",myformatter(curr_time));
//获取时间
var beginTime=$("#txtBeginTime").datebox("getValue");
var endTime=$("#txtEndTime").datebox("getValue");
});
</script>