广告
返回顶部
首页 > 资讯 > 精选 >js中如何实现日期时间格式化
  • 246
分享到

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

2023-06-20 17:06:54 246人浏览 薄情痞子
摘要

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

这篇文章主要为大家展示了“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中如何实现日期时间格式化”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!

--结束END--

本文标题: js中如何实现日期时间格式化

本文链接: https://www.lsjlt.com/news/298778.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

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

下载Word文档
猜你喜欢
  • js中如何实现日期时间格式化
    这篇文章主要为大家展示了“js中如何实现日期时间格式化”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中如何实现日期时间格式化”这篇文章吧。js日期时间格式化将日期时间转换为指定格式,如:YY...
    99+
    2023-06-20
  • js日期时间格式化的方法实例
    js日期时间格式化 将日期时间转换为指定格式,如:YYYY-mm-dd HH:MM表示2019-06-06 19:45 function dateFormat(fmt, date...
    99+
    2022-11-12
  • js如何实现时间格式化
    小编给大家分享一下js如何实现时间格式化,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!时间格式化界面展示的时间千变万化, 所以一个处理时间的函数,它的重要性就不言...
    99+
    2023-06-27
  • C#如何实现日期时间的格式化输出
    这篇文章主要讲解了“C#如何实现日期时间的格式化输出”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C#如何实现日期时间的格式化输出”吧!DateTime被放在System命名空间下,在顶级语...
    99+
    2023-07-05
  • js中时间戳格式化成日期格式的方法有哪些
    这篇文章将为大家详细讲解有关js中时间戳格式化成日期格式的方法有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。js需要把时间戳转为为普通格式,一般的情况下可能用不到的...
    99+
    2022-10-19
  • Python MySQL 日期时间格式化
    1.我的MySQL中的start_time存储的是2018-03-21 10:55:32格式的时间,我需要按照YYYY-MM-DD格式来查询,我的MySQL中的sql是这样写的:SELECT * from mytable WHER...
    99+
    2023-01-31
    日期 时间 Python
  • C#日期时间格式化小结
    日期转化一 为了达到不同的显示效果有时,我们需要对时间进行转化,默认格式为:2007-01-03 14:33:34 ,要转化为其他格式,要用到DateTime.ToString的方法...
    99+
    2022-11-15
    C# 日期时间 格式化
  • Java中如何对日期时间进行格式化
    这篇文章将为大家详细讲解有关Java中如何对日期时间进行格式化,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。Java格式化日期时间的方法import java.text.Parse...
    99+
    2023-05-31
    java ava
  • JavaScript内置日期、时间格式化时间实例代码
    一、基础知识(date对象的方法) 😜 getFullYear( ) 用于返回一个表示年份的4位数 🤣 getMonth( ) 返回表示月份的数字,...
    99+
    2022-11-12
  • Android日期时间格式国际化的实现代码
    在做多语言版本的时候,日期时间的格式话是一个很头疼的事情,幸好Android提供了DateFormate,可以根据指定的语言区域的默认格式来格式化。 直接贴代码: 代码如下:p...
    99+
    2022-06-06
    Android
  • 在PHP中如何将时间戳转化为日期和时间格式
    本篇内容介绍了“在PHP中如何将时间戳转化为日期和时间格式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!什么是时间戳时间戳是指自1970年1...
    99+
    2023-07-05
  • dos中日期时间格式如何设置
    这篇文章将为大家详细讲解有关dos中日期时间格式如何设置,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码如下:@echo off @title 字符串的编辑测试(下面描述用的箭头→ ← 分别表示向右、向...
    99+
    2023-06-08
  • JavaScript 日期和时间的格式化方法
    目录JavaScript 日期和时间的格式化一、日期和时间的格式化1、原生方法1.1、使用 toLocaleString 方法1.2、使用 Intl.DateTimeFormat 对...
    99+
    2023-02-18
    js时间格式化 js日期格式化 js日期和时间格式化
  • MySQL中的日期时间类型与格式化方式
    目录【1】mysql中的日期时间类型① 详细解释② SQL语句实例③ timestamp字段④ 测试实例【2】日期时间类型格式化 ① DATE_FORMAT( )函数② date_format( ) 转换格式③ str_...
    99+
    2022-07-04
    MySQL日期时间类型 MySQL日期格式化 时间日期类型
  • MySQL如何实现日期格式化
    这篇文章主要为大家展示了“MySQL如何实现日期格式化”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“MySQL如何实现日期格式化”这篇文章吧。日期格式化命令:s...
    99+
    2022-10-19
  • Flex如何实现日期格式化
    这篇文章主要介绍了Flex如何实现日期格式化,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Flex日期格式化在Flex中提供了非常丰富的Flex格式化功能,包括Flex货币格...
    99+
    2023-06-17
  • JS获取当前时间戳与时间戳转日期时间格式问题
    目录JS获取当前时间戳与时间戳转日期时间格式一、获取当前时间的时间戳(三种方式)二、获取指定日期,时间的时间戳三、时间戳转日期时间(vue项目中)JavaScript 格式转换 获取...
    99+
    2023-01-28
    js获取当前时间戳 js时间戳转日期时间
  • Laravel如何修改时间戳日期和时间格式
    小编给大家分享一下Laravel如何修改时间戳日期和时间格式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!修改时间戳日期 / 时间格式以下内容引用官网文档 off...
    99+
    2023-06-27
  • js中日期格式化format怎么用
    这篇文章主要介绍js中日期格式化format怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!javascript是一种什么语言javascript是一种动态类型、弱类型的语言,基于对象和事件驱动并具有相对安全性并...
    99+
    2023-06-14
  • js正则格式化日期时间自动补0的两种解法
    目录背景 解法一 思路:代码:解法二 思路:总结 参考 背景 时间日期格式化的需求很常见,也有很多工具类转换方法,比如需要将2022-3-4这种日期格式转化为2022-03-04,...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作