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

获取当前时间 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. Go package(3):io包介绍和使用

    IO 操作的基本分类 在计算机中,处理文件和网络通讯等,都需要进行 IO 操作,IO 即是 input/ouput,计算机的输入输出操作. Go语言中的 IO 操作封装在如下几个包中: io 为 IO ...

  2. Android程序设计基础 • 【第1章 Android程序入门】

    全部章节   >>>> 本章目录 1.1 Android 平台介绍 1.1.1 Android 简介 1.1.2 Android 平台的发展 1.1.3 Android 平台架 ...

  3. localstorage的浏览器支持情况

    localStorage的兼容性不错,就国内的情况,已经基本没有问题了.localStorage的原理很简单,浏览器为每个域名划出一块本地存储空间,用户网页可以通过localStorage命名空间进行 ...

  4. YangTools从YANG生成Java类(Maven)

    1.说明 ODL提供了Yang Tools工具从YANG文件生成Java类, 本文介绍使用Maven插件的方式生成, 基于yang-maven-plugin这个插件. 2.创建Maven工程 Ecli ...

  5. 过年有燃放烟花爆竹禁令那我们用css写一个仙女棒烟花看看吧

    先是去找了一张简易画的烟花照片,可以看出主要结构为歪曲的线条结构. 方案一: 弯曲的线条第一反应到的就是"圆角边框": width: 200px; height: 200px; b ...

  6. 算法竞赛——BFS广度优先搜索

    BFS 广度优先搜索:一层一层的搜索(类似于树的层次遍历) BFS基本框架 基本步骤: 初始状态(起点)加到队列里 while(队列不为空) 队头弹出 扩展队头元素(邻接节点入队) 最后队为空,结束 ...

  7. 第10组 Beta冲刺 (4/5)(组长)

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

  8. vue3.0+vite+ts项目搭建--初始化项目(一)

    vite 初始化项目 使用npm npm init vite@latest 使用yarn yarn create vite 使用pnpm pnpx create-vite 根据提示输入项目名称,选择v ...

  9. vue中动画的使用

    不要在router-view的外层使用动画!不要在router-view的外层使用动画!不要在router-view的外层使用动画! 重要的事情说三遍,在app.vue中自以为奇思妙想(实际是脑残)在 ...

  10. 使用Swing的GUI编程

    Swing AWT概述 AWT:抽象窗口工具包,提供了一套与本地图形界面进行交互的接口,是Java提供的用来建立和设置Java的图形用户界面的基本工具 Swing以AWT为基础的,尽管Swing消除了 ...