时间字符串和年月日数据之间的自由转换工具:2018年更新版

上代码:

/**
* @Desc: 时间处理工具
* @Author: 拿饭盒当烟灰缸
* @Date: 2018-02-27 15:42:44
* @Last Modified time: 2018-02-28 15:21:33
*/ /**
* 根据时间格式,将数字格式的时间转换为格式字符串
* @param {[type]} secondtime [description]
* @param {[type]} formatString [description]
* @return {[type]} [description]
*/
const formatTime = (secondtime, formatString) => {
formatString = formatString || 'DD days hh:mm:ss S'
if (/SS+/.test(formatString)) {
console.error('formatTime', '毫秒格式错误,不能有多个连续的S出现')
return
} let timeKey = [{
name: 'day',
regString: 'D+'
}, {
name: 'hour',
regString: 'h+'
}, {
name: 'minute',
regString: 'm+'
}, {
name: 'second',
regString: 's+'
}] if (!/S/.test(formatString)) {
secondtime = Math.round(secondtime)
} let timeNumbers = getTimeNumbers(secondtime) for (let i = 0, len = timeKey.length; i < len; i++) {
formatString = formatString.replace(new RegExp(timeKey[i].regString), function (matchString, index, originalString) {
return formatNumber(timeNumbers[timeKey[i].name], matchString.length)
})
} // 毫秒只支持3位模式
formatString = formatString.replace(/S/, formatNumber(timeNumbers.milli, 3))
return formatString
} /**
* 根据时间number获取小时,分钟,秒,毫秒数
* @param {[type]} secondtime [description]
* @return {[type]} [description]
*/
const getTimeNumbers = (secondtime) => {
// 转成字符串
secondtime = secondtime.toFixed(3)
// 从小数点切分
let timeArray = secondtime.split('.')
// 小数点后三位是毫秒部分
let milliSecond = 0
if (timeArray[1]) {
milliSecond = Math.round(Number('0.' + timeArray[1]) * 1000)
}
// 分别获取时分秒
let day = 0
let hour = 0
let minute = 0
let second = 0
// 一共多少秒
let totalSeconds = Number(timeArray[0])
// 几天
day = Math.floor(totalSeconds / 3600 / 24)
// 剩余秒数
let dayRemain = totalSeconds % (3600 * 24)
// 几个小时
hour = Math.floor(dayRemain / 3600)
// 剩余秒数
let hourRemain = dayRemain % 3600
// 几分钟
minute = Math.floor(hourRemain / 60)
// 剩余秒数
second = hourRemain % 60 let timeNumbers = {
day: day,
hour: hour,
minute: minute,
second: second,
milli: milliSecond
} return timeNumbers
} /**
* 数字格式化,在数字前边加0,补全到几位,比如输入1,3,则输出001
* @param {[type]} number [description]
* @param {[type]} n [description]
* @return {[type]} [description]
*/
const formatNumber = (number, n) => {
n = n || 2
number = number + ''
let numberArray = number.split('')
if (numberArray.length < n) {
let len = n - numberArray.length
for (let i = 0; i < len; i++) {
numberArray.unshift('0')
}
}
let res = numberArray.join('')
return res
} export {
formatTime,
getTimeNumbers,
formatNumber
}

javascript实用Date工具的更多相关文章

  1. JavaScript实用的工具/类库

    Moment.js//JavaScript日期处理类库. Lodash.js//非常实用的工具库. MD5//加密. Numeral.js//格式化和数字四则运算. Pure.css//CSS模块.

  2. Lodash JavaScript 实用工具库

    地址:https://www.lodashjs.com/ Lodash 是一个一致性.模块化.高性能的 JavaScript 实用工具库.

  3. JavaScript 相关的工具代码

    博客地址:https://ainyi.com/49 记录一些数据处理需要的方法工具代码 持续更新中... 时间戳转与日期格式相互转换 时间戳转换成日期格式 function timestampToTi ...

  4. ESLint – 可扩展的 JavaScript & JSX 校验工具

    ESLint 是一个开源的 JavaScript 代码校验工具,最初是由 Nicholas C. Zakas 在2013年创建的.经常被用来发现问题的模式或代码,不符合特定的风格准则. ESLint ...

  5. Javascript开发之工具归纳

    写在前面 由于JS开发对我来说是全新的技术栈,开发过程中遇到了各种各样的框架.工具,同时也感叹一下相对于.Net的框架(工具框架以及测试框架等)JS框架真的是太丰富了.社区的力量果然强大---也是由此 ...

  6. 推荐几个对Asp.Net开发者比较实用的工具

    推荐几个对Asp.Net开发者比较实用的工具.大家有相关工具也可以在评论区留言,一起努力学习. 工具 1.Visual stdio Productivity Power tool:visual std ...

  7. OS X 平台的 8 个实用终端工具

    本文由 伯乐在线 - shinancao 翻译自 mitchchn.欢迎加入iOS小组.转载请参见文章末尾处的要求. OS X 终端对外开放了许多很强大的UNIX实用工具和脚本.如果你是从Linux转 ...

  8. javascript实用技巧、javascript高级技巧

    字号+作者:H5之家 来源:H5之家 2016-10-31 11:00 我要评论( ) 三零网提供网络编程. JavaScript 的技术文章javascript实用技巧.javascript高级技巧 ...

  9. ANDROID开发实用小工具

    分享一些 Android开发中的实用小工具,你有发现好工具吗? 来这里分享一下呗 一.find bugs 静态检查工具 http://findbugs.sourceforge.net/ FindBug ...

随机推荐

  1. 原生JS实现双向链表

    1.前言 双向链表和单向链表的区别在于,在链表中,一个节点只有链向下一个节点的链接,而在双向链表中,链接是双向的:一个链向下一个元素,另一个链向前一个元素,如下图所示: 从图中可以看到,双向链表中,在 ...

  2. 开源跳板机(堡垒机)系统 Jumpserver安装教程(带图文)

    环境 系统: CentOS 7 IP: 192.168.244.144 关闭 selinux 和防火墙 # CentOS 7 $ setenforce 0 # 可以设置配置文件永久关闭 $ syste ...

  3. Matlab 在线使用 | 推荐

    Matlab 在线使用 | 推荐    

  4. PHP str_replace的用法

    PHP str_replace的用法 1 替换单个字符<pre><?phpecho str_replace("world","Shanghai" ...

  5. egret inspect插件安装失败处理方法

    egret inspect插件安装失败处理方法谷歌浏览器版本太高不兼容了 换个69就行了 然后点击加载已解压的扩展程序选择EgretInspector-v2.5.5这个文件夹 就安装成功了 重启下浏览 ...

  6. H5+app -- 自动更新

    一.最近做了一个app自动更新功能,用的基本都是网上找得到的. 1.h5+ 规范 :  http://www.html5plus.org/doc/zh_cn/maps.html 2.环形进度条插件:h ...

  7. vue学习笔记(五)条件渲染和列表渲染

    前言 在众多的编程语言中,我们的基础语法总是少不了一些专业语法,比如像定义变量,条件语句,for循环,数组,函数等等,vue.js这个优秀的前端框架中也有同样的语法,我们换一个名词,将条件语句改成专业 ...

  8. linux引导之grub2

    先了解下什么是Bootloader 以下是百度百科释意 在嵌入式操作系统中,BootLoader是在操作系统内核运行之前运行.可以初始化硬件设备.建立内存空间映射图,从而将系统的软硬件环境带到一个合适 ...

  9. Web前端JS实现轮播图原理

    实现轮播图有很多方式,但是html的结构都是一样的.本文使用了Jquery框架,Dom操作更加方便灵活 html部分: <div class="banner"> < ...

  10. x86汇编分页模式实验 --《ORANGE'S一个操作系统的实现》中 pmtest8.asm解析

    序言(废话) : 在看书的过程中发现一开始不是很能理解pmtest8的目的,以及书上说得很抽象..于是在自己阅读过源代码后,将一些自己的心得写在这里. 正文 : 讲解顺序依然按照书上贴代码的顺序来.但 ...