平时经常会使用到时间转换,组件库已经有很多组件可以自动生成时间类型了,但是底层的封装方法还是得有

获取当前时间 new Date()  或者自己拥有一个毫秒时间

方法如下

/**
* title: 时间、日期对象的格式化
* date:毫秒时间
* format:事件格式"yyyy-MM-dd hh:mm:ss",年-月-日 时:分:秒
* flag:计算剩余时间则为true(d天h时m分s秒)
**/
function dateFormat(date, format, flag) {
var o = {};
if (!flag) {
//eg:format="yyyy-MM-dd hh:mm:ss";
format = format || "yyyy-MM-dd hh:mm:ss";
date = new Date(Number(date));
o = {
"M+": date.getMonth() + 1, // month
"d+": date.getDate(), // day
"h+": date.getHours(), // hour
"m+": date.getMinutes(), // minute
"s+": date.getSeconds(), // second
"q+": Math.floor((date.getMonth() + 3) / 3), // quarter
"S": date.getMilliseconds()
};
if (/(y+)/.test(format)) {
format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
}
} else { //剩余日期
format = format || '年-月-日';
var day = 0,
hour = 0,
minute = 0,
second = 0;
if (date > 0) {
date = date / 1000;
day = Math.floor(date / (60 * 60 * 24));
hour = Math.floor(date / (60 * 60)) - day * 24;
minute = Math.floor(date / 60) - day * 24 * 60 - hour * 60;
second = Math.floor(date) - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60;
}
o = {
"d+": day, // day
"h+": hour, // hour
"m+": minute, // minute
"s+": second //second
};
}
for (var k in o) {
if (new RegExp("(" + k + ")").test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
}
}
return format;
}

衍生出一个追加时间的方法

/**
* title: 日期追加时间
* time:时间(yyyy/MM/dd,yyyy/MM/dd hh:mm:ss,yyyy-MM-dd hh:mm:ss,yyyy-MM-ddThh:mm:ss.Z)这里最后一种时间格式下方的第二种方法会有说明
* days:追加天数
* format:返回时间格式
* ms:毫秒、追加毫秒
**/
function dateAddTime(time, days, format, ms) {
days = Number(days) || 0;
if (time.indexOf('-') != -1 && time.indexOf('T') == -1) {
time = time.replace(/\-/g, '/');
}
var newTime;
if (ms) {
newTime = new Date(time).getTime() + Number(ms);
} else {
newTime = new Date(time).getTime() + days * 24 * 60 * 60 * 1000;
}
newTime = dateFormat(newTime, format);
return newTime;
}

在这里补充第二种时间转换的方式,这是对当前时间进行格式转换的方法,使用的是toISOString()方法去获取 拿到的时间格式是// YYYY-MM-DDTHH:mm:ss.sssZ,所以需要对拿到的格式做一下替换处理

function rTime(){
var dateTime = new Date();
return dateTime.toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

这里会存在一个问题,网上谈论会出现8小时的时间差,说是用这个转换时间会丢失时区从而导致少8小时的原因,于是乎,改成了下面这样

function rTime(){
var dateTime = new Date(+new Date()+8*3600*1000);
return new Date(dateTime).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

然后看到还有一种方法是直接给小时上+8,和上面的做法其实差不多

function rTime(){
var dateTime = new Date();
var hour = dateTime.getHours + 8;
dateTime.setHours(hour);
return new Date(dateTime).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

toISOString()方法借鉴了 toISOString()得到的日期时差8小时

封装的方法参照了公司开发中的封装方法

new Date时间格式转换方法的更多相关文章

  1. 按照相应的格式获取系统时间并将其转化为SQL中匹配的(date)时间格式

    在获取时间时需要对时间格式进行设置,此时就需要用到SimpleDateFormat 类 SimpleDateFormat df = new SimpleDateFormat("yyyy-MM ...

  2. Extjs4 中date时间格式的问题

    在Grid中显示时间,后台传过来的是date格式的数据(PHP date('Y-m-d', time()),一般在Ext model中定义数据的类型和格式: {name:'birth', type:' ...

  3. Date时间格式的转换以及一些用法

    import java.util.Date; import java.text.DateFormat; import java.text.SimpleDateFormat; import java.u ...

  4. Ext.util.Format.date 时间格式的设置与转换

    Ext.util.Format.date 如下这段简单的代码:  var d = new Date(value.time); var s = Ext.util.Format.date(d, 'Y-m- ...

  5. Date时间格式比较大小

    方法一: 两个Date类型的变量可以通过compareTo方法来比较.此方法的描述是这样的:如果参数 Date 等于此 Date,则返回值 0:如果此 Date 在 Date 参数之前,则返回小于 0 ...

  6. mt-datetime-picker type="date" 时间格式 bug

    1.mint-ui 中 mt-datetime-picker 组件,存在日期格式 bug <!-- 日期选择器 --> <template> <div class=&qu ...

  7. python 正则匹配时间格式转换方法

    import re from datetime import datetime a = '2018年8月9日 10:10' s = re.findall('\d+',a) print(s) d = ' ...

  8. Java时间格式字符串与Date的相互转化

    目录 将Date转化为格式化字符串 时间格式字符串转化为Date @ 将Date转化为格式化字符串 将Date转化为格式化字符串是利用SimpleDateFormat类继承自 java.text.Da ...

  9. 时间格式_java

    @Test public void testDate(){ Date date=new Date(); System.out.println(date); /*日期格式*/ DateFormat df ...

随机推荐

  1. 【C++】leetcode竞赛笔记

    *注--代码非博主本人所写,仅供学习参考,侵删 20200516双周赛: 1 to_string(int a) 将a转换成字符串形式 2 gcd(int a,int  b) 返回a,b的最大公约数,若 ...

  2. [炼丹术]EfficientDet训练模型学习总结

    EfficientDet训练模型学习总结 1.Introduction简介 pytorch用SOTA实时重新实现官方EfficientDet,原文链接:https : //arxiv.org/abs/ ...

  3. javaScript系列 [09]-javaScript和JSON (拓展)

    本文输出JSON搜索和JSON转换相关的内容,是对前两篇文章的补充. JSON搜索 在特定的开发场景中,如果服务器端返回的JSON数据异常复杂(可能超过上万行),那么必然就有对JSON文档进行搜索的需 ...

  4. HTML网页设计基础笔记 • 【第6章 背景和阴影】

    全部章节   >>>> 本章目录 6.1 背景属性 6.1.1 背景颜色 6.1.2 背景图片 6.1.3  背景图片的重复方式 6.2 背景图片的定位 6.2.1 backg ...

  5. 【跨域】SpringBoot跨域,拦截器中,第一次获取的请求头为NULL,发送两次请求的处理方式

    背景: 在做前后端分离时,牵扯到跨域,但是已经设置了跨域 前端设置了允许携带Cookie axios.defaults.withCredentials = true; 后端也配置了跨域 浏览器端查看发 ...

  6. 第10组 Beta冲刺 (1/5)(组长)

    1.1基本情况 ·队名:今晚不睡觉 ·组长博客:https://www.cnblogs.com/cpandbb/p/14012521.html ·作业博客:https://edu.cnblogs.co ...

  7. 本地Java大数据环境基础配置(Maven)

    注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6812623309138559500/ 创建项目 准备pom.xml文件配置(附在文档最后) 在下载jar过程中极其 ...

  8. PHP靶场-bWAPP环境搭建

    0x00 靶场介绍 bwapp是一款非常好用的漏洞演示平台,包含有100多个漏洞.开源的php应用后台Mysql数据库. 0x01 安装 BWAPP有两种安装方式,一种是单独安装,需部署在Apache ...

  9. CAX软件资产管理

    CAX软件其实指的是计算机辅助设计软件统称,即CAD.CAM.CAE.CAPP.CAS.CAT.CAI等各项技术的综合叫法,因为这些技术的缩写基本都是以CA为起始,X则表示所有.也就是说,CAX实际上 ...

  10. CAS学习笔记四:CAS单点登出流程

    CAS 的登出包含两种情况,一种是CAS客户端登出,另一种是CAS单点登出,使用流程图说明这两者的不同.(一图胜千言) 总结自官方文档 CAS客户端登出流程 如图,客户端的登出仅仅是过期当前用户与客户 ...