js如何将20220101格式转为时间

JavaScript016

js如何将20220101格式转为时间,第1张

利用时间戳。js将20220101格式转为时间获取当前时间戳的方法：

1、js中时间操作单位是毫秒。

2、toLocaleString方法可根据本地时间把Date对象转换为字符串并返回结果。

3、replace方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。replace(验证替换以：开始有一位或二位数字的结束字符串，就是秒，替换为空。

js中传入指定日期转换为时间戳，可以使用原生javascript的Date对象进行格式化操作或第三方js库如moment.js进行格式化输出。以下是这2种方法的具体实现：

1、使用原生javascript的Date对象，进行格式化

（1）将日期字符串转换为Date类型的对象。

let d = new Date('2018-01-01')

（2）转换为时间戳。

let t = d.getTime(d) // 方法1

let t = d.valueOf(d) // 方法2

let t = d.parse(d) // 方法3

2、第三方js库moment.js进行格式化

（1）在html中引入moment.js,添加以下script标签：

<script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.js"></script>

（2）将日期转换为时间戳

参数格式为：YYYY-MM-DD HH:mm:ss 或 YYYY-MM-DD

moment('2018-01-01').valueOf()

扩展资料：

1、js将当前日期转换为时间戳

let timeStamp = new Date().getTime()

2、js将时间戳转换为日期

let d = new Date(timestamp * 1000)// 时间戳为10位需*1000，时间戳为13位的话不需乘1000

let yyyy = d.getFullYear() + '-'

let MM = (d.getMonth()+1 <10 ? '0'+(d.getMonth()+1) : d.getMonth()+1) + '-'

let dd = d.getDate() + ' '

let HH = d.getHours() + ':'

let mm = d.getMinutes() + ':'

let ss = d.getSeconds()

return yyyy + MM + dd + HH + mm + ss

参考资料来源：JavaScript标准库-Date

使用d3绘制时间轴图表，不可避免的涉及到动态变动时间刻度，根据业务需求需要调整查看不同的时间粒度数据。如果后台数据非连续数据，需要前端自己处理的话，就得自己根据时间范围创建时间刻度数据。

以上方法，亲测有效。注意一定要使用固定的时间作为基准点，否则以天为刻度时，会有时区差异。以秒和分钟作为时间粒度，没问题，因为是更小一级的单位，进行整除运算没有问题。

时间桶的概念，就是以该间隔作为时间刻度

为什么我会前端处理时间轴数据？

相信如果使用过d3进行时间轴图表定制的同学，一定使用过 d3.scaleTime 或者 d3.scaleUtc 进行时间轴比例尺的绘制，它的智能之处，就是可以根据你的时间范围，动态的创建出适合当前显示区域坐标系的时间刻度数据，就算你的数据是不连续的，也没有问题。但是结合brush刷取api进行使用的时候就用问题了，当初始化数据不符合具体的刷取机制，进行刷取范围的默认设置，就会出现绘制图表不连续，移动刷取框更新图表错误的问题。（具体原因未知，有大神有相应的认知可以在评论群告知一波，非常感谢）

基于以上问题，我通过自己创建时间刻度，使用 d3.scaleLinear 线性比例尺，结合brush进行缩放x轴，就没有任何问题，因为我的数据处理后都是连续的，每个时间刻度已经固定，规避了上面的问题。