JS处理时间戳

解析方法

JS代码

这段代码解析毫秒级的时间戳,使用的时候注意一下单位。

function formatDate(datetime) {
    var year=datetime.getFullYear();  //取得4位数的年份
    var month=datetime.getMonth()+1;  //取得日期中的月份,其中0表示1月,11表示12月
    var date=datetime.getDate()<10;   //返回日期月份中的天数(1到31)
    var hour=datetime.getHours();     //返回日期中的小时数(0到23)
    var minute=datetime.getMinutes(); //返回日期中的分钟数(0到59)
    var second=datetime.getSeconds(); //返回日期中的秒数(0到59)
    return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
}

测试代码

var date = new Date().getTime();
console.log("当前时间戳为:"+date);
console.log("转换之后:"+formatDate(date));

输出

当前时间戳为:1604095500000
转换后:2020-10-31 6:5:0

整合到前端页面中显示为

BaOtJS.png

美化

上述JS方法只是简单的将时间戳转化为‘YYYY-MM-DD hh:mm:ss’的形式,当数值小于10的时候,他只会显示一位数,如 “2020-11-01 08:09:00” 只会显示为 “2020-11-1 8:9:0” 放到前端页面并不规整美观,所以将原有的JS方法稍加修改。

function formatDate(datetime) {
    var year=datetime.getFullYear();  //取得4位数的年份
    var month=((datetime.getMonth()+1)<10)?("0"+datetime.getMonth()+1):datetime.getMonth()+1;  //取得日期中的月份,其中0表示1月,11表示12月
    var date=(datetime.getDate()<10)?"0"+datetime.getDate():datetime.getDate()<10;      //返回日期月份中的天数(1到31)
    var hour=(datetime.getHours()<10)?"0"+datetime.getHours():datetime.getHours();     //返回日期中的小时数(0到23)
    var minute=(datetime.getMinutes()<10)?"0"+datetime.getMinutes():datetime.getMinutes(); //返回日期中的分钟数(0到59)
    var second=(datetime.getSeconds()<10)?"0"+datetime.getSeconds():datetime.getSeconds(); //返回日期中的秒数(0到59)
    return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
}

测试代码

var date = new Date().getTime();
console.log("当前时间戳为:"+date);
console.log("转换之后:"+formatDate(date));

输出

当前时间戳为:1604095500000
转换后:2020-10-31 06:05:00

整合到前端页面中显示为

BaXmT0.png

遇到的小问题

上述代码识别的是Date类型,但后端一般传递的时间戳为String类型的,这里就需要进行一步转化

var get_date = "1604095500000";
var formatDate = formatDate(new Date(get_date))
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇