美文网首页让前端飞
javascript日期时间操作综述

javascript日期时间操作综述

作者: 苏茶茉芳_亚泽伊 | 来源:发表于2018-11-30 16:47 被阅读3次

绪论

        关于时间日期操作的问题,算不上是Vue的问题,从分类来看应该属于js基础。可能是因为w3c的说明比较散乱,外加很多人最初对日期类型的认知不够清晰,导致很多人在工作学习初都会问日期操作相关的问题,希望大家能更重视基础知识。在这篇文章我将从日期类型的对象时间戳为中心,对日期操作的理解上进行解析

日期类型对象Date

首先,要明白什么是对象。不明白说明面向对象的编程思想未理解透彻,请先学习最根本的面向对象编程思想。

js中有一个Date的对象,这个对象包含了各种日期时间操作,你的需求99%都可以直接或者间接的通过Date包含的方法来解决。那么操作前我们需要将输入的数据转换成Date对象。如图1

图1.将字符串转换成日期对象

当日期字符串变成Date对象后就可以使用Date的函数了。

包括取年月日时分秒,增减年月日时分秒等,具体需求均可百度。下一章举例。

例:获取N天后/前的日期

这里需要用到setDate()与getDate()两个方法,通过getDate()获取当前日,对这个当前日加减。然后把加减后的结构通过setDate()方法设置。如图2

当然这个方法如果是1月31日加1天就会变成2月1日。结果完全符合日期变化规律。

Date对象包含的方法都是符合日期时间规律的。

因此我们操作日期才需要通过Date对象,而不是自己写出繁琐的运算。

图2.获取几天前/后的方法

日期类型输出为字符串

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

图3.将Date对象输出为字符串 图4.自定义输出格式的方法

更多Date对象包含的函数请大家根据需求百度,本文集希望大家能侧重解决问题的思想与方法。

关于时间戳操作详细内容,可观看我的文集内另一篇文章《JavaScript时间戳综述》

想copy代码就点击下边,相关代码都在这里,欢迎来gitee给我小星星↓

gitee上我解释日期对象与时间戳的代码段

相关文章

  • javascript日期时间操作综述

    绪论 关于时间日期操作的问题,算不上是Vue的问题,从分类来看应该属于js基础。可能是因为w3c的说明比较...

  • javascript日期操作

    时间对象是一个我们经常要用到的对象,无论是做时间输出、时间判断等操作时都与这个对象离不开。它是一个内置对象。 IE...

  • Date时间对象

    Date对象是JavaScript提供的日期和时间的操作接口。 JavaScript的时间是由世界标准时间(UTC...

  • JavaScript时间戳综述

    绪论 时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分0...

  • React.js学习笔记(9) Date对象 + ( Momen

    (一) Date对象 概述 Date对象是JavaScript提供的日期和时间的操作接口。它可以表示的时间范围是,...

  • Date

    Date Date对象是JavaScript提供的日期和时间的操作接口 Date对象有几个静态方法 Date.no...

  • JavaScript操作Date对象处理日期和时间

    写一个函数getChIntv,获取从当前时间到指定日期的间隔时间 把hh-mm-dd格式数字日期改成中文日期 写一...

  • JavaScript日期和时间

  • JavaScript处理日期时间

    JavaScipt 处理时间 基本的时间处理 获取当前时键戳 时间戳转换为字符串时间 字符串转换时间戳 推荐阅读:...

  • 关于Date对象

    1. 概念 Date对象是JavaScript提供的日期和时间的操作接口。它可以表示的时间范围是,1970年1月1...

网友评论

本文标题:javascript日期时间操作综述

本文链接:https://www.haomeiwen.com/subject/lbyhcqtx.html