我的编程空间,编程开发者的网络收藏夹
学习永远不晚

js中如何实现日期时间格式化

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

js中如何实现日期时间格式化

这篇文章主要为大家展示了“js中如何实现日期时间格式化”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中如何实现日期时间格式化”这篇文章吧。

js日期时间格式化

将日期时间转换为指定格式,如:YYYY-mm-dd HH:MM表示2019-06-06 19:45

function dateFormat(fmt, date) {    let ret;    const opt = {        "Y+": date.getFullYear().toString(),        // 年        "m+": (date.getMonth() + 1).toString(),     // 月        "d+": date.getDate().toString(),            // 日        "H+": date.getHours().toString(),           // 时        "M+": date.getMinutes().toString(),         // 分        "S+": date.getSeconds().toString()          // 秒        // 有其他格式化字符需求可以继续添加,必须转化成字符串    };    for (let k in opt) {        ret = new RegExp("(" + k + ")").exec(fmt);        if (ret) {            fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))        };    };    return fmt;}

用法:

let date = new Date()dateFormat("YYYY-mm-dd HH:MM", date)>>> 2019-06-06 19:45`

如果对日期时间处理的需求较多, 推荐moment.js这个日期处理类库, 简单方便.

Moment.js格式化日期时间

Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。日常开发中,通常会对时间进行这几个操作:比如获取时间,设置时间,格式化时间,比较时间等等。

格式化日期

当前时间:

moment().format('YYYY-MM-DD HH:mm:ss'); //2014-09-24 23:36:09

今天是星期几:

moment().format('d'); //3

转换当前时间的Unix时间戳:

moment().format('X');

相对时间

20120901相对当前日期是2年前

moment("20120901", "YYYYMMDD").fromNow(); //2 years ago

7天后的日期:

moment().add('days',7).format('YYYY年MM月DD日'); //2014年10月01日

9小时后的时间:

moment().add('hours',9).format('HH:mm:ss');

moment.js提供了丰富的说明文档,使用它还可以创建日历项目等复杂的日期时间应用。我们日常开发中最常用的是格式化时间,下面我把常用的格式制作成表格说明供有需要的朋友查看:

格式代码说明返回值例子
M数字表示的月份,没有前导零1到12
MM数字表示的月份,有前导零01到12
MMM三个字母缩写表示的月份Jan到Dec
MMMM月份,完整的文本格式January到December
Q季度1到4
D月份中的第几天,没有前导零1到31
DD月份中的第几天,有前导零01到31
d星期中的第几天,数字表示0到6,0表示周日,6表示周六
ddd三个字母表示星期中的第几天Sun到Sat
dddd星期几,完整的星期文本从Sunday到Saturday
w年份中的第几周如42:表示第42周
YYYY四位数字完整表示的年份如:2014 或 2000
YY两位数字表示的年份如:14 或 98
A大写的AM PMAM PM
a小写的am pmam pm
HH小时,24小时制,有前导零00到23
H小时,24小时制,无前导零0到23
hh小时,12小时制,有前导零00到12
h小时,12小时制,无前导零0到12
m没有前导零的分钟数0到59
mm有前导零的分钟数00到59
s没有前导零的秒数1到59
ss有前导零的描述01到59
XUnix时间戳1411572969

以上是“js中如何实现日期时间格式化”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

js中如何实现日期时间格式化

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

js中如何实现日期时间格式化

这篇文章主要为大家展示了“js中如何实现日期时间格式化”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中如何实现日期时间格式化”这篇文章吧。js日期时间格式化将日期时间转换为指定格式,如:YY
2023-06-20

js如何实现时间格式化

小编给大家分享一下js如何实现时间格式化,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!时间格式化界面展示的时间千变万化, 所以一个处理时间的函数,它的重要性就不言
2023-06-27

C#如何实现日期时间的格式化输出

这篇文章主要讲解了“C#如何实现日期时间的格式化输出”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C#如何实现日期时间的格式化输出”吧!DateTime被放在System命名空间下,在顶级语
2023-07-05

Java中如何对日期时间进行格式化

这篇文章将为大家详细讲解有关Java中如何对日期时间进行格式化,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。Java格式化日期时间的方法import java.text.ParseExcep
2023-05-31

Flex如何实现日期格式化

这篇文章主要介绍了Flex如何实现日期格式化,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Flex日期格式化在Flex中提供了非常丰富的Flex格式化功能,包括Flex货币格
2023-06-17

Python MySQL 日期时间格式化

1.我的MySQL中的start_time存储的是2018-03-21 10:55:32格式的时间,我需要按照YYYY-MM-DD格式来查询,我的MySQL中的sql是这样写的:SELECT * from mytable WHERE DAT
2023-01-31

C#日期时间格式化小结

这篇文章主要介绍了C#中的时间与日期的格式化方法,需要的朋友可以参考下
2022-11-15

在PHP中如何将时间戳转化为日期和时间格式

本篇内容介绍了“在PHP中如何将时间戳转化为日期和时间格式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!什么是时间戳?时间戳是指自1970年
2023-07-05

Android日期时间格式国际化的实现代码

在做多语言版本的时候,日期时间的格式话是一个很头疼的事情,幸好Android提供了DateFormate,可以根据指定的语言区域的默认格式来格式化。 直接贴代码: 代码如下:public static CharSequence format
2022-06-06

dos中日期时间格式如何设置

这篇文章将为大家详细讲解有关dos中日期时间格式如何设置,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码如下:@echo off @title 字符串的编辑测试(下面描述用的箭头→ ← 分别表示向右、向
2023-06-08

SpringBoot中如何实现时间格式化

小编给大家分享一下SpringBoot中如何实现时间格式化,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!时间问题演示为了方便演示,我写了一个简单 Spring Boot 项目,其中数据库中包含了一张 userinfo 表,
2023-06-20

js中日期格式化format怎么用

这篇文章主要介绍js中日期格式化format怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!javascript是一种什么语言javascript是一种动态类型、弱类型的语言,基于对象和事件驱动并具有相对安全性并
2023-06-14

access日期时间格式如何输入

在Access中,日期时间格式通常采用标准的日期时间格式进行输入。以下是一些常见的日期时间格式示例:MM/DD/YYYY HH:MM:SS AM/PM (例如:12/31/2022 12:00:00 PM)YYYY-MM-DD HH:MM
access日期时间格式如何输入
2024-03-13

MySQL中的日期时间类型与格式化方式

目录【1】mysql中的日期时间类型① 详细解释② SQL语句实例③ timestamp字段④ 测试实例【2】日期时间类型格式化 ① DATE_FORMAT( )函数② date_format( ) 转换格式③ str_to_date()函
2022-07-04

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录