Javascript 转Date对象为字符串实现函数
转Date对象为字符串实现函数
function formatDate(time, format = "Y-MM-dd HH:mm:ss") {
/**
格式化字符说明
Y 年 四位数 示例 2021
y 年 年数后二位 示例 21
M 月 单位数不补0 示例 1
MM 月 单位数补0 示例 01
d 日 单位数不补0 示例 2
dd 日 单位数补0 示例 02
H 小时 24小时制,单位数不补0 示例 3
HH 小时 24小时制,单位数补0 示例 03
h 小时 12小时制,单位数不补0 示例 3
hh 小时 12小时制,单位数补0 示例 03
m 分钟 单位数不补0 示例 4
mm 分钟 单位数补0 示例 04
s 秒 单位数不补0 示例 5
ss 秒 单位数补0 示例 05
*/
let date = new Date(time);
let yearFull = date.getFullYear().toString();
let yearTwoDigits = yearFull.substr(2, 2);
let month = date.getMonth() + 1; //月份是从0开始的,所以要加1
let day = date.getDate();
let hour = date.getHours(); // 24小时制
let hourTwelve = hour % 12; // 12小时制
let min = date.getMinutes();
let sec = date.getSeconds();
let preArr = Array.apply(null, Array(10)).map(function(elem, index) {
return "0" + index;
}); // 创建一个长度为10的数组 格式为 00 01 02 03,用于给月份,小时,分钟等“补0”
let newTime = format
.replace(/Y/g, yearFull)
.replace(/y/g, yearTwoDigits)
.replace(/MM/g, preArr[month] || month)
.replace(/M/g, month)
.replace(/dd/g, preArr[day] || day)
.replace(/d/g, day)
.replace(/HH/g, preArr[hour] || hour)
.replace(/H/g, hour)
.replace(/hh/g, preArr[hourTwelve] || hourTwelve)
.replace(/h/g, hourTwelve)
.replace(/mm/g, preArr[min] || min)
.replace(/m/g, min)
.replace(/ss/g, preArr[sec] || sec)
.replace(/s/g, sec);
return newTime;
}
// 运行测试
formatDate(new Date().getTime()); // 2021-02-05 10:53:42
formatDate(new Date().getTime(), "Y年M月d日"); // 2021年2月5日
formatDate(new Date().getTime(), "y-MM-dd"); // 21-02-05
let str_datetime = "2021/02/05 09:05:05".replace(/-/g,"/");
formatDate(new Date(str_datetime).getTime(),"今天是Y/MM/dd h:m:s"); //今天是2021-02-05 09:05:05
formatDate(new Date(str_datetime).getTime(), "今天是Y/MM/dd HH:mm:ss"); //今天是2021-02-05 09:05:05
Javascript 转Date对象为字符串实现函数的更多相关文章
- json里的日期字符串 怎么 转换成 javascript 的 Date 对象?
“/Date(1232035200000)/” 怎么转换成 javascript 的 Date 对象 做法:new Date(+/\d+/.exec(value)[1]); value就是json字 ...
- JavaScript:Date 对象
ylbtech-JavaScript:Date 对象 1.返回顶部 Date 对象 Date 对象用于处理日期和时间. 创建 Date 对象的语法: var myDate=new Date() 注释: ...
- javascript操作Date对象
Date 对象用于处理日期和时间. 创建 Date 对象的语法: var myDate=new Date() Date 对象会自动把当前日期和时间保存为其初始值. 参数形式有以下5种: new Dat ...
- toJSON() 方法,将 Date 对象转换为字符串,并格式化为 JSON 数据格式。
JavaScript toJSON() 方法 定义和用法 toJSON() 方法可以将 Date 对象转换为字符串,并格式化为 JSON 数据格式. JSON 数据用同样的格式就像x ISO-8601 ...
- javascript中Date对象的应用——简易日历的实现
× 目录 [1]效果 [2]HTML [3]CSS[4]JS 前面的话 简易日历作为javascript中Date对象的常见应用,用途较广泛.本文将详细说明简易日历的实现思路 效果演示 HTML说明 ...
- javascript中Date对象复习
js的Date对象不怎么经常用,所以忘得差不多,复习一下 1.声明一个Date对象,默认本地当前时间 var date = new Date();//Fri Apr 28 2017 14:26:19 ...
- javascript中Date对象的应用
前面的话 简易日历作为javascript中Date对象的常见应用,用途较广泛.本文将详细说明简易日历的实现思路 效果演示 HTML说明 使用type=number的两个input分别作为年和月的输入 ...
- JavaScript中date 对象常用方法
Date 对象 Date 对象用于处理日期和时间. //创建 Date 对象的语法: var datetime = new Date();//Date 对象会自动把当前日期和时间保存为其初始值. co ...
- JavaScript的Date对象
整理了一些JavaScript时间的对象,如下所示: toLocaleString()得到当前的年月日和时间的字符串 toLocaleTimeString() 得到当前的时间字符串 toLocaleD ...
- JavaScript 之 Date对象
Date对象 Date 是一个构造函数,首先要通过 new Date() 来创建实例对象,提供实例成员. 创建 Date 实例用来处理日期和时间.Date 对象基于 1970年1月1日(世界标准时间 ...
随机推荐
- 一文看懂Spring事务的七种传播行为
什么叫事务传播行为?听起来挺高端的,其实很简单. 即然是传播,那么至少有两个东西,才可以发生传播.单体不存在传播这个行为. 事务传播行为(propagation behavior)指的就是当一个事务方 ...
- MyBatis一对多或多对多分页查询的结果条数不符合预期的问题解决
问题描述 通常我们我们在单表查询中我们可以采用limit进行分页查询,这样可以减少页面的显示量,加快页面想应速度.但是在MyBatis框架中,如果我们在一对多或多对多查询中直接使用limit关键字 ...
- Swoole 实践篇之结合 WebRTC 实现音视频实时通信方案
原文首发链接:Swoole 实践篇之结合 WebRTC 实现音视频实时通信方案 大家好,我是码农先森. 引言 这次实现音视频实时通信的方案是基于 WebRTC 技术的,它是一种点对点的通信技术,通过浏 ...
- C# wpf 使用GDI+实现截屏
wpf截屏系列第一章 使用GDI+实现截屏(本章)第二章 使用DockPanel制作截屏框第三章 实现截屏框实时截屏第四章 使用ffmpeg命令行实现录屏 文章目录wpf截屏系列前言一.引用Syste ...
- iNeuOS工业互联网操作系统,增加电力IEC104协议
1. 概述... 2 2. 配置IEC104协议设备驱动... 2 1. 概述 IEC60870-5-104 是一种电力自动化系统中常用的通信协议,使用 TCP/IP 协议作为 ...
- NOIP模拟91(多校24)
T1 破门而入 解题思路 签到题(然而我数组开小直接变成暴力分...) 发现其实就是第一类斯特林数,然后 \(n^2\) 推就好了. 感觉可以用 NTT 优化成 \(nlogn\) ,但是好像并没有什 ...
- scala怎么退出
scala怎么退出 scala> :help //查看帮助 All commands can be abbreviated, e.g., :he instead of :help. :edit ...
- Redux之combineReducers方法
Redux 提供了一个combineReducers方法,用于 Reducer 的拆分.你只要定义各个子 Reducer 函数,然后用这个方法,将它们合成一个大的 Reducer. import { ...
- 写了一个 SRE 调试工具,类似一个小木马
远程操作机器有时会比较麻烦,我写了一个工具,主要功能:1.远程执行命令 2.上传下载文件.是一个 Web Server,通过 HTTP 请求来操作机器,类似一个小木马.当然,因为是一个 Web Ser ...
- filebeat实战
1.打开filebeat支持nginx模块 [root@es-node1 /etc/filebeat]#ls fields.yml filebeat.reference.yml filebeat.ym ...