javascript实用Date工具
时间字符串和年月日数据之间的自由转换工具: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工具的更多相关文章
- JavaScript实用的工具/类库
Moment.js//JavaScript日期处理类库. Lodash.js//非常实用的工具库. MD5//加密. Numeral.js//格式化和数字四则运算. Pure.css//CSS模块.
- Lodash JavaScript 实用工具库
地址:https://www.lodashjs.com/ Lodash 是一个一致性.模块化.高性能的 JavaScript 实用工具库.
- JavaScript 相关的工具代码
博客地址:https://ainyi.com/49 记录一些数据处理需要的方法工具代码 持续更新中... 时间戳转与日期格式相互转换 时间戳转换成日期格式 function timestampToTi ...
- ESLint – 可扩展的 JavaScript & JSX 校验工具
ESLint 是一个开源的 JavaScript 代码校验工具,最初是由 Nicholas C. Zakas 在2013年创建的.经常被用来发现问题的模式或代码,不符合特定的风格准则. ESLint ...
- Javascript开发之工具归纳
写在前面 由于JS开发对我来说是全新的技术栈,开发过程中遇到了各种各样的框架.工具,同时也感叹一下相对于.Net的框架(工具框架以及测试框架等)JS框架真的是太丰富了.社区的力量果然强大---也是由此 ...
- 推荐几个对Asp.Net开发者比较实用的工具
推荐几个对Asp.Net开发者比较实用的工具.大家有相关工具也可以在评论区留言,一起努力学习. 工具 1.Visual stdio Productivity Power tool:visual std ...
- OS X 平台的 8 个实用终端工具
本文由 伯乐在线 - shinancao 翻译自 mitchchn.欢迎加入iOS小组.转载请参见文章末尾处的要求. OS X 终端对外开放了许多很强大的UNIX实用工具和脚本.如果你是从Linux转 ...
- javascript实用技巧、javascript高级技巧
字号+作者:H5之家 来源:H5之家 2016-10-31 11:00 我要评论( ) 三零网提供网络编程. JavaScript 的技术文章javascript实用技巧.javascript高级技巧 ...
- ANDROID开发实用小工具
分享一些 Android开发中的实用小工具,你有发现好工具吗? 来这里分享一下呗 一.find bugs 静态检查工具 http://findbugs.sourceforge.net/ FindBug ...
随机推荐
- Spring Boot实战之定制URL匹配规则
本文首发于个人网站:Spring Boot实战之定制URL匹配规则 构建web应用程序时,并不是所有的URL请求都遵循默认的规则.有时,我们希望RESTful URL匹配的时候包含定界符". ...
- CSPS模拟 47
考试时T1没玩明白,用一个WA90把100盖住了? T1 Emotional Flutter 题目非常蠢萌,只是注意当你把黑块前伸s距离后,应把脚的长度视为0,而不应为1. T2 Endless Fa ...
- 如何在Vue中,当鼠标hover上元素时,给元素加遮罩层
介绍 当鼠标hover 上元素时,给元素加一层遮罩层. 效果图 使用 import VueHoverMask from 'vue-hover-mask' export default { compon ...
- Intellij IDEA配置JDK、Maven和Tomcat
一.配置JDK 1.File-->Project Structure 2.选择SDKs 3.点击+号添加自己本地jdk的安装目录,保存即可 二.配置Maven 1.File -> Othe ...
- Magicodes.Pay,打造开箱即用的统一支付库,已提供ABP模块封装
Magicodes.Pay,打造开箱即用的统一支付库,已提供ABP模块封装 简介 Magicodes.Pay,是心莱科技团队提供的统一支付库,相关库均使用.NET标准库编写,支持.NET Framew ...
- 201871010114-李岩松《面向对象程序设计(java)》第八周学习总结
项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p ...
- .NET Core3.0 EF 连接 MySql
一:创建项目 添加 csproj (或者直接NuGet 引用) <ItemGroup> <PackageReference Include="Microsoft.Entit ...
- ES6入门十二:Module(模块化)
webpack4打包配置babel7转码ES6 Module语法与API的使用 import() Module加载实现原理 Commonjs规范的模块与ES6模块的差异 ES6模块与Nodejs模块相 ...
- Grid表格的js触发事件
没怎么接触过Grid插件: 解决的问题是:点击Grid表行里的内容触发js方法弹出模态框,用以显示选中内容的详细信息. 思路:给准备要触发的列加上一个css属性,通过这个css属性来获取元素并触发js ...
- Maven 无法下载依赖包的解决方法---三步dao!!!
版权声明:本文为博主原创文章,转载请附上原文出处链接和本声明. 本文链接:https://www.cnblogs.com/WLCYSYS/p/11932157.html maven 自动下载依赖包出现 ...