博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 时间字符串和时间戳的相互转换
阅读量:5821 次
发布时间:2019-06-18

本文共 1347 字,大约阅读时间需要 4 分钟。

待解决问题

JS开发遇到了个问题:前端vue的UI组件生成的时间字符串格式是 2018-9-12 9:11:23,而后台只能识别2018-09-12 09:11:23这样的时间字符串,即要将时间字符串格式做转换,数字是个位数的值前面要补0。

解决思路

  1. 将现有的时间字符串先转换为时间戳
  2. 使用时间戳创建Date对象,然后利用Date的方法获取相应的年、月、日、时、分、秒的值
  3. 补0,并生成所需的时间字符串

涉及知识点

时间戳概念:从1970年1月1日0时到指定日期(字符串)的毫秒数。

需利用JS中的Date对象处理日期和时间,用到的方法如下:

Date.parse(timestr): 返回timestr的时间戳var time = newDate(timestamp)   利用时间戳创建Date对象

JavaScript Date对象的方法可参考:

时间字符串是按需自行组装的,补0就需想办法解决,网上有多种方法。

以下是转换过程:

将时间字符串转换为时间戳

//mytime是待转换时间字符串,格式:'2018-9-12 9:11:23'dateTmp = mytime.replace(/-/g,'/')   //为了兼容IOS,需先将字符串转换为'2018/9/11 9:11:23'timestamp = Date.parse(dateTmp)    //返回'2018-9-12 9:11:23'的时间戳

将时间戳转换为所需格式的时间字符串

var dateFormat = function(timestamp){        var time = newDate(timestamp)    //先将时间戳转为Date对象,然后才能使用Date的方法        var year = time.getFullYear(),            month = time.getMonth() + 1 ,  //月份是从0开始的            day = time.getDate(),            hour = time.getHours(),            minute = time.getMinutes(),            second = time.getSeconds()            //add0()方法在后面定义        return  year+'-'+this.add0(month)+'-'+ this.add0(day)+''+this.add0(hour)+':'+this.add0(minute)+':'+this.add0(second)          }

补0的方法add0

补0的方法网上有很多,我使用的方法如下:

var add0 = function(m){        return m < 10 ? '0' + m: m        }

总结

需要了解JavaScript中的Date对象。

要理解字符串转换的思路:即字符串--时间戳---Date对象---攒新的字符串,有思路后做起来就顺理成章了。
本文总结的是一种解决思路,网上有更详细、全面的方法,文章地址如下:

转载地址:http://xuzdx.baihongyu.com/

你可能感兴趣的文章
linux命令:ls
查看>>
Using RequireJS in AngularJS Applications
查看>>
hdu 2444(二分图最大匹配)
查看>>
shell编程笔记六:实现ll命令
查看>>
【SAP HANA】关于SAP HANA中带层次结构的计算视图Cacultation View创建、激活状况下在系统中生成对象的研究...
查看>>
《Linux内核修炼之道》 之 高效学习Linux内核
查看>>
DevOps 前世今生 | mPaaS 线上直播 CodeHub #1 回顾
查看>>
iOS 解决UITabelView刷新闪动
查看>>
让前端小姐姐愉快地开发表单
查看>>
Web前端JQuery入门实战案例
查看>>
CentOS 7 装vim遇到的问题和解决方法
查看>>
JavaScript基础教程1-20160612
查看>>
iOS \U7ea2 乱码 转换
查看>>
FCN图像分割
查看>>
ios xmpp demo
查看>>
python matplotlib 中文显示参数设置
查看>>
数据库事务隔离级别
查看>>
【ros】Create a ROS package:package dependencies报错
查看>>
kali linux 更新问题
查看>>
HDU1576 A/B【扩展欧几里得算法】
查看>>