您现在的位置:主页 > 高级应用 > JQUERY > >

easyui的datetimebox时间格式化详解



时间: 2014-10-28 13:54     来源 : IT学习者      点击:

关键词: easyui    datetimebox格   


目录页:《Jquery Easyui实例教程

最近很多咨询easyui中datetimebox格式化的问题,所以螃蟹就简单写了个说明来分享一下。

效果图如下:


itxxz.com

这里主要实现了两个功能,一个是将时间格式化,一个是将年月日时分秒全都剥离了出来,可以随意调用。

首先,我们看如何将时间格式话问题,所有代码:

<input type="text" id="chooseQuatzTime" class="easyui-datetimebox" value="new Date();"  />


//格式化时间
$("#chooseQuatzTime").datetimebox({
    formatter:formatDate
});
 
//日期格式化
function formatDate(date){
    var month = date.getMonth()+1;
    if( "" != date ){
        if( date.getMonth() +1 < 10 ){
            month = '0' + (date.getMonth() +1);
        }
        var day = date.getDate();
        if( date.getDate() < 10 ){
            day = '0' + date.getDate();
        }
 
       //返回格式化后的时间
        return date.getFullYear()+'-'+month+'-'+day+" "+date.getHours()+":"+date.getMinutes()+“:”+data.getSeconds();
    }else{
        return "";
    }
}
内容来自www.itxxz.com


正如上面红色注释部分,通过调用该格式化方法,即可将需要显示的时间设置为你想要的格式了。

再一个就是如果获取年月日时分秒的问题,虽然在easyui的api中没有直接说明,如果对js的时间调用比较熟悉的话,还是很容是实现扩展的,方法如下。

年: date.getFullYear()
月:month
日:day
时:date.getHours()
分:date.getMinutes()
秒:data.getSeconds()

如果还有疑惑,可以在下方给螃蟹留言,螃蟹会抽空解答的






文章除注明转载外,均为IT学习者原创或编译
欢迎任何形式的转载,但务必请以超链接形式注明出处
本文出自:IT学习者
链接地址:http://www.itxxz.com



微信公众号:喝咖啡的螃蟹

喝咖啡的螃蟹
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 凡月
    2014-11-03 11:28:44发表

    楼主,我只是来看效果的。。。

  • 葑茚丶誋憶
    2014-10-17 09:51:51发表

    怎么把分和表设置为0 我在后面直接拼接00 不可以 取得的还是当前四件

  • poetdog
    2014-06-03 13:33:15发表

    哈哈,多谢螃蟹大神,这么快就出来了,拿走了啊

-->