js 格式化时间

方法一:使用toLocaleStringtoLocaleDateString/toLocaleTimeString

Date对象提供了toLocaleString()toLocaleDateString()toLocaleTimeString()方法,这些方法允许你根据本地时间格式来显示日期和时间。虽然它们不直接提供高度自定义的格式选项,但对于大多数本地化需求来说已经足够。

let date = new Date();  // 使用本地格式显示完整的日期和时间  
console.log(date.toLocaleString());  // 仅显示日期  
console.log(date.toLocaleDateString());  // 仅显示时间  
console.log(date.toLocaleTimeString());  // 也可以指定语言和选项  
console.log(date.toLocaleString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' }));

方法二:手动格式化

对于需要高度自定义时间格式的场景,你可能需要手动编写函数来格式化时间。这通常涉及到从Date对象中提取年、月、日、时、分、秒等,然后按照指定的格式拼接这些值。

function formatDate(date, format = 'yyyy-MM-dd HH:mm:ss') {  let year = date.getFullYear();  let month = String(date.getMonth() + 1).padStart(2, '0');  let day = String(date.getDate()).padStart(2, '0');  let hour = String(date.getHours()).padStart(2, '0');  let minute = String(date.getMinutes()).padStart(2, '0');  let second = String(date.getSeconds()).padStart(2, '0');  let obj = {  'M+': month, // 月份  'd+': day, // 日  'h+': hour, // 小时  'm+': minute, // 分  's+': second, // 秒  'yyyy': year, // 年份  'MM': month,  'dd': day,  'HH': hour,  'mm': minute,  'ss': second  };  for (let k in obj) {  if (new RegExp(`(${k})`).test(format)) {  format = format.replace(RegExp.$1, (RegExp.$1.length === 1) ? (obj[k]) : (('00' + obj[k]).substr(('' + obj[k]).length)));  }  }  return format;  
}  let date = new Date();  
console.log(formatDate(date, 'yyyy-MM-dd HH:mm:ss'));

方法三:使用第三方库

使用Moment.js
// 首先需要引入moment.js  
// <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>  let date = new Date();  
console.log(moment(date).format('YYYY-MM-DD HH:mm:ss'));
使用date-fns
// 首先需要安装date-fns  
// npm install date-fns  import { format } from 'date-fns';  let date = new Date();  
console.log(format(date, 'yyyy-MM-dd HH:mm:ss'));

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/45083.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mac下mysql无法登陆的问题

用如下命令登录出现错误。 sudo mysql.server start解决方案 使用如下命令登录 sudo /usr/local/MySQL/support-files/mysql.server start

利用 Plotly.js 创建交互式条形图

本文由ScriptEcho平台提供技术支持 项目地址&#xff1a;传送门 利用 Plotly.js 创建交互式条形图 应用场景介绍 交互式条形图广泛应用于数据可视化和分析领域。它可以直观地展示不同类别或分组之间的数值差异&#xff0c;并允许用户通过交互操作探索数据。 代码基本功能介…

基于springboot+mybatis学生管理系统

基于springbootmybatis学生管理系统 简介&#xff1a; 题目虽然是学生管理系统&#xff0c;但功能包含(学生&#xff0c;教师&#xff0c;管理员),项目基于springboot2.1.x实现的管理系统。 编译环境 &#xff1a; jdk 1.8 mysql 5.5 tomcat 7 框架 &#xff1a; springboot…

RISC-V指令集架构详细组成

寄存器组成 寄存器&#xff1a;用于暂存待处理的数据。 RISC-V架构具有一组统一的寄存器&#xff0c;用于整数运算和地址计算&#xff0c;具体如下&#xff1a; 通用寄存器 x0&#xff1a;存数值0.x1-x31&#xff1a;通用目的寄存器。每个寄存器都是32位&#xff08;RV32I&a…

代码随想录第50天|单调栈

739. 每日温度 参考 思路1: 暴力解法 思路2: 单调栈 使用场合: 寻找任一个元素的右边或者左边第一个比自己大或者小的元素位置, 存放的是遍历过的元素 记忆: 单调栈是对遍历过的元素做记录, 一般是对栈顶的元素 nums[mystack.top()] 做赋值操作的 如果想找到右边的元素大于左…

ccf认证 202312-3

小 C 观察了事先收集到的数据&#xff0c;并加以统计&#xff0c;得到了一个名词属于各个类别的可能性大小的信息。具体而言&#xff0c;每个类别都可以赋予一个被称为权重的值&#xff0c;值越大&#xff0c;说明一个名词属于该类别的可能性越大。由于每次向用户的询问可以获得…

力扣题解(摆动序列)

376. 摆动序列 如果连续数字之间的差严格地在正数和负数之间交替&#xff0c;则数字序列称为 摆动序列 。第一个差&#xff08;如果存在的话&#xff09;可能是正数或负数。仅有一个元素或者含两个不等元素的序列也视作摆动序列。 例如&#xff0c; [1, 7, 4, 9, 2, 5] 是一个 …

TCP和IP数据包结构

一、问题引入 一般我们在谈上网速度的时候&#xff0c;专业上用带宽来描述&#xff0c;其实无论说网速或者带宽都是不准确的&#xff0c;呵呵。比如&#xff1a;1兆&#xff0c;512K……有些在学校的学生&#xff0c;也许会有疑问&#xff0c;明明我的业务是1M&#xff0c;为…

51单片机(STC8051U34K64)_RA8889_SPI4参考代码(v1.3)

硬件&#xff1a;STC8051U34K64 RA8889开发板&#xff08;硬件跳线变更为SPI-4模式&#xff0c;PS101&#xff0c;R143&#xff0c;R141短接&#xff0c;R142不接&#xff09; STC8051U34K64是STC最新推出来的单片机&#xff0c;主要用于替换传统的8051单片机&#xff0c;与标…

程序员学长 | 快速学习一个算法,GAN

本文来源公众号“程序员学长”&#xff0c;仅用于学术分享&#xff0c;侵权删&#xff0c;干货满满。 原文链接&#xff1a;快速学习一个算法&#xff0c;GAN GAN 如何工作&#xff1f; GAN 由两个部分组成&#xff1a;生成器&#xff08;Generator&#xff09;和判别器&…

day11:01文件处理

一、文件与文件模式介绍 1、什么是文件 文件是操作系统提供给用户/应用程序操作硬盘的一种虚拟的概念/接口 用户/应用程序(open()) 操作系统&#xff08;文件&#xff09; 计算机硬件&#xff08;硬盘&#xff09;2、为何要用文件 ①用户/应用程序可以通过文件将数据永久保存…

使用Apache Beam进行统一批处理与流处理

Apache Beam是一个开源的统一编程模型&#xff0c;用于定义和执行数据处理流水线&#xff0c;支持批处理和流处理。Beam旨在提供一个简单、可扩展且灵活的框架&#xff0c;适用于各种数据处理任务。本文将详细介绍如何使用Apache Beam进行批处理和流处理&#xff0c;并通过Java…

从0开始基于transformer进行股价预测(pytorch版本)

目录 数据阶段两个问题开始利用我们的代码进行切分 backbone网络训练效果 感觉还行&#xff0c;没有调参数。源码比较长&#xff0c;如果需要我后续会发&#xff08;因为太长了&#xff01;&#xff01;&#xff09; 数据阶段 &#xff01;&#xff01;&#xff01;注意&#…

多个uilabel添加同一个UITapGestureRecognizer对象,只有最后那个生效么

如果多个 UILabel 添加同一个 UITapGestureRecognizer 对象&#xff0c;确实只有最后一个 UILabel 会响应手势。这是因为一个手势识别器只能被添加到一个视图上&#xff0c;多次添加实际上是重新指定该识别器的视图目标。 要实现多个 UILabel 响应相同的手势&#xff0c;可以为…

还不懂 OOM ?详解内存溢出与内存泄漏区别!

内存溢出与内存泄漏 1. 内存溢出&#xff08;Out Of Memory&#xff0c;OOM&#xff09; 概念&#xff1a; 内存溢出是指程序在运行过程中&#xff0c;尝试申请的内存超过了系统所能提供的最大内存限制&#xff0c;并且垃圾收集器也无法提供更多的内存&#xff0c;导致程序无…

# Redis 入门到精通(一)数据类型(3)

Redis 入门到精通&#xff08;一&#xff09;数据类型&#xff08;3&#xff09; 一、redis 数据类型–set 类型介绍与基本操作 1、set 类型 新的存储需求: 存储大量的数据&#xff0c;在查询方面提供更高的效率。需要的存储结构: 能够保存大量的数据&#xff0c;高效的内部…

【爬虫】解析爬取的数据

目录 一、正则表达式1、常用元字符2、量词3、Re模块4、爬取豆瓣电影 二、Xpath1、Xpath解析Ⅰ、节点选择Ⅱ、路径表达式Ⅲ、常用函数 2、爬取豆瓣电影 解析数据&#xff0c;除了前面的BeautifulSoup库&#xff0c;还有正则表达式和Xpath两种方法。 一、正则表达式 正则表达式…

C++|智能指针

目录 引入 一、智能指针的使用及原理 1.1RAII 1.2智能指针原理 1.3智能指针发展 1.3.1std::auto_ptr 1.3.2std::unique_ptr 1.3.3std::shared_ptr 二、循环引用问题及解决方法 2.1循环引用 2.2解决方法 三、删除器 四、C11和boost中智能指针的关系 引入 回顾上…

谷粒商城学习笔记-19-快速开发-逆向生成所有微服务基本CRUD代码

文章目录 一&#xff0c;使用逆向工程步骤梳理1&#xff0c;修改逆向工程的application.yml配置2&#xff0c;修改逆向工程的generator.properties配置3&#xff0c;以Debug模式启动逆向工程4&#xff0c;使用逆向工程生成代码5&#xff0c;整合生成的代码到对应的模块中 二&am…

VPS拨号服务器:独享的高效与安全

在当今互联网高速发展的时代&#xff0c;虚拟私人服务器&#xff08;VPS&#xff09;已成为许多企业和个人用户托管网站、应用程序的首选。特别是带有拨号功能的VPS服务器&#xff0c;以其独特的优势受到广泛关注。本文将深入探讨VPS拨号服务器的独享特性&#xff0c;以及它如何…