Easyui datetimebox 日期格式化成想要的格式
2015-04-09 10:51
387 查看
由于涉及到一个用Easyui datetimebox控件显示日期,日期格式:H-M-S 时 分 秒。如18:06:32
进行格式化。
废话不多说上代码。
<input class="easyui-datetimebox" data-options="formatter:ww4,parser:w4" style="width:200px;"> yyyy年mm月dd日hh点</input>
<script type="text/javascript">
function ww4(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 w4(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>
年: date.getFullYear()
月:month
日:day
时:date.getHours()
分:date.getMinutes()
秒:data.getSeconds()
进行格式化。
废话不多说上代码。
<input class="easyui-datetimebox" data-options="formatter:ww4,parser:w4" style="width:200px;"> yyyy年mm月dd日hh点</input>
<script type="text/javascript">
function ww4(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 w4(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>
年: date.getFullYear()
月:month
日:day
时:date.getHours()
分:date.getMinutes()
秒:data.getSeconds()
相关文章推荐
- easyui的datebox和datetimebox的设置输出日期的格式
- Easyui的DateBox日期格式化
- jQuery EasyUI API 中文文档 - 日期时间框(DateTimeBox)
- EasyUI datetimebox 时间格式化
- 【Jqurey EasyUI+Asp.net】---修改DateBox的默认日期格式
- 使用easyui的datetimebox插件输入日期,同时对日期进行验证。
- SqlServe零碎要点---sqlserver如何使用日期计算,DateTime类型的格式化以及语法格式等等。
- Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个
- Nullable<System.DateTime>型的日期字段转格式化日期格式的问题
- EasyUI修改DateBox和DateTimeBox的默认日期格式(以及中英文切换等等)
- easyui的datebox控件,修改日期格式为yyyyMM
- easyUI datetimebox 自定义显示格式
- easyUI datetimebox 自定义显示格式
- jQuery EasyUI API 中文文档 DateTimeBox日期时间框
- 批改easyui datebox默认日期格式
- 后台无法获取easyUI的datetimebox的时间,只能获取日期
- js日期格式化,easy-ui,datebox得到日期改变格式
- 修改EasyUI中DateBox和DateTimeBox的格式
- easyUI datetimebox 自定义显示格式
- Easyui的DateBox日期格式化