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

获取当前时间 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. partial write bypass PIE

    第一篇博客,请允许我水一下.BUUCTF上的一题:linkctf_2018.7_babypie 检查一下保护机制: 1 Arch: amd64-64-little 2 RELRO: Partial R ...

  2. 使用PyTorch构建神经网络模型进行手写识别

    使用PyTorch构建神经网络模型进行手写识别 PyTorch是一种基于Torch库的开源机器学习库,应用于计算机视觉和自然语言处理等应用,本章内容将从安装以及通过Torch构建基础的神经网络,计算梯 ...

  3. MySQL高级查询与编程笔记 • 【第2章 数据定义和操作】

    全部章节   >>>> 本章目录 2.1 数据定义语言和数据操作语言 2.1.1 设计"优乐网"数据库 2.1.2 数据定义语言 2.1.3 数据操作语言 ...

  4. css 快速入门 系列 —— 浮动

    浮动 以 mdn float 文档 为基础,逐一介绍浮动的本质.浮动的诸多特性.清除浮动以及块格式化上下文(bfc). 概念 当一个元素浮动之后,它会被移出正常的文档流,然后向左或者向右平移,一直平移 ...

  5. Jsonschema2pojo从JSON生成Java类(Maven)

    1.说明 jsonschema2pojo工具可以从JSON Schema(或示例JSON文件)生成Java类型, 并且可以配置生成Jackson 1.x,Jackson 2.x, Moshi 1.x或 ...

  6. MySQL客户端mysql常用命令

    通过MySQL自带的mysql命令行工具, 执行MySQL的相关命令. 1.连接MySQL服务端 mysql -uUserName -pPassword -h HostName_IP -P 3306 ...

  7. Storm集群使用DRPC功能Version1.0.1

    在Storm集群上开启DRPC功能, 基于Storm的1.0.1版本, 并且执行简单的例子测试. 1.DRPC概念 DRPC就是分布式远程过程调用. Storm里面引入DRPC主要是利用storm的实 ...

  8. 初识python:高阶函数(附-高阶函数)

    定义: 变量可以指向函数,函数的参数能接收变量,那么,一个函数可以接收另一个函数作为参数,这种函数就称之为高阶函数. 简单说就是:把函数当作参数传递的函数就是高阶函数 特性 1.把一个函数名当作实参传 ...

  9. Selenium_按钮的点击、文本框的输入和清除操作(3)

    from selenium import webdriver driver = webdriver.Chrome() driver.maximize_window() driver.get(" ...

  10. gitlab修改(重置)root用户密码

    gitlab修改(重置)root用户密码 1.使用root权限登录到服务器. 2.使用以下命令启动控制台:  gitlab-rails console production 该命令有时候启动比较慢,需 ...