关于时间戳转换为日期格式的方法总结

在开发中会经常遇到后台传来的日期格式为时间戳格式,那么如何使后台传来的时间戳转换成UI设计的日期格式呢?

以下是在前端开发中总结的方法:

自定义日期格式请去这里

使用时直接调用

如需要的时间格式为 5-4 14:45 那么直接调用该方法 timeStamp2String(createtime,9)

说明:time为要转换的日期时间戳,type为日期格式

以下为type说明(以2018年5月4日 12:30:00说明)

type参数格式说明
1XXXX年XX月XX日显示为 2018年5月4日
2XXXX-XX-XX显示为 2018-5-4
3XX-XX显示月日 5-4
4XX只显示月 5
5XX只显示日 4
6XXXX.XX.XX XX:XX:XX显示为 2018.5.4 12:30:00
7XXXX-XX-XX XX:XX:XX显示为 2018-5-4 12:30:00
8XXXX-XX-XX XX:XX显示为 2018-5-4 12:30
9XX-XX XX:XX显示为 5-4 12:30

具体方法如下:

//转换日期格式

function timeStamp2String(time, type) {
    var datetime = new Date();
    datetime.setTime(time);
    var year = datetime.getFullYear();
    var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
    var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
    var hour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
    var minute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
    var second = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
    if (type == '1') {
        return year + "年" + month + "月" + date + "日";
    }
    if (type == '2') {
        return year + "-" + month + "-" + date;
    }
    if (type == '3') {
        return month + "-" + date;
    }
    if(type == '4'){
        return month;
    }
    if(type == '5'){
        return date;
    }
    if(type == '6'){
        return year + "." + month + "." + date + " " + hour + ":" + minute + ":" + second;
    }
    if(type == '7'){
        return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
    }
    if(type == '8'){
        return year + "-" + month + "-" + date + " " + hour + ":" + minute;
    }
    if(type == '9'){
        return month + "-" + date + " " + hour + ":" + minute;
    }
}

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值