javascript日期时间操作综述
2018-11-30 本文已影响3人
苏茶茉芳_亚泽伊
绪论
关于时间日期操作的问题,算不上是Vue的问题,从分类来看应该属于js基础。可能是因为w3c的说明比较散乱,外加很多人最初对日期类型的认知不够清晰,导致很多人在工作学习初都会问日期操作相关的问题,希望大家能更重视基础知识。在这篇文章我将从日期类型的对象与时间戳为中心,对日期操作的理解上进行解析。
日期类型对象Date
首先,要明白什么是对象。不明白说明面向对象的编程思想未理解透彻,请先学习最根本的面向对象编程思想。
js中有一个Date的对象,这个对象包含了各种日期时间操作,你的需求99%都可以直接或者间接的通过Date包含的方法来解决。那么操作前我们需要将输入的数据转换成Date对象。如图1

当日期字符串变成Date对象后就可以使用Date的函数了。
包括取年月日时分秒,增减年月日时分秒等,具体需求均可百度。下一章举例。
例:获取N天后/前的日期
这里需要用到setDate()与getDate()两个方法,通过getDate()获取当前日,对这个当前日加减。然后把加减后的结构通过setDate()方法设置。如图2
当然这个方法如果是1月31日加1天就会变成2月1日。结果完全符合日期变化规律。
Date对象包含的方法都是符合日期时间规律的。
因此我们操作日期才需要通过Date对象,而不是自己写出繁琐的运算。

日期类型输出为字符串
获得结果是日期对象,想把日期对象再输出,我们有很多方法,如图3、图4


更多Date对象包含的函数请大家根据需求百度,本文集希望大家能侧重解决问题的思想与方法。
关于时间戳操作详细内容,可观看我的文集内另一篇文章《JavaScript时间戳综述》
想copy代码就点击下边,相关代码都在这里,欢迎来gitee给我小星星↓