Vue.js 时间转换代码及时间戳转时间字符串


Posted in Javascript onOctober 16, 2018
Date.prototype.format = function(format){
 var o = {
 "M+" : this.getMonth()+1, //month
 "d+" : this.getDate(), //day
 "h+" : this.getHours(), //hour
 "m+" : this.getMinutes(), //minute
 "s+" : this.getSeconds(), //second
 "q+" : Math.floor((this.getMonth()+3)/3), //quarter
 "S" : this.getMilliseconds() //millisecond
 }
if(/(y+)/i.test(format)) {
 format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
 }
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;
 }
//使用方法
var now = new Date();
 var nowStr = now.format("yyyy-MM-dd hh:mm:ss");
 //使用方法2:
 var testDate = new Date();
 var testStr = testDate.format("YYYY年MM月dd日hh小时mm分ss秒");
alert(testStr);
 //示例:
alert(new Date().format("yyyy年MM月dd日"));
alert(new Date().format("MM/dd/yyyy"));
 alert(new Date().format("yyyyMMdd"));
 alert(new Date().format("yyyy-MM-dd hh:mm:ss"));

代码:

// 格式化formatter中显示的时间格式
// Date.prototype.Format = function(fmt) {
 // const o = {
// 'M+': this.getMonth() + 1, // 月份
// 'd+': this.getDate(), // 日
// 'h+': this.getHours(), // 小时
// 'm+': this.getMinutes(), // 分
// 's+': this.getSeconds(), // 秒
// 'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
// 'S': this.getMilliseconds(), // 毫秒
// };
 // if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (`${this.getFullYear()}`).substr(4 - RegExp.$1.length)); }
 // for (const k in o) {
// if (new RegExp(`(${k})`).test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : ((`00${o[k]}`).substr((`${o[k]}`).length))); }
// }
// return fmt;
 // };

应用:

1、 2018-10-10 转 年月日

// new Date(this.envPlanList[i].starttime.slice(0, 4),
// this.envPlanList[i].starttime.slice(5, 7),
// this.envPlanList[i].starttime.slice(8, 10)),
// new Date(this.envPlanList[i].endtime.slice(0, 4),
// this.envPlanList[i].endtime.slice(5, 7),
// this.envPlanList[i].endtime.slice(8, 10)),

2、 年月日 转 2018-10-10

formatter(params) {
return `${params.name}: ${new Date(params.value[1]).Format('yyyy/MM/dd')} - - ${new Date(params.value[2]).Format('yyyy/MM/dd')} -- ${params.value[3]}`;
// return `${params.name}: ${params.value[1]} -- ${params.value[2]} -- ${params.value[3]}`;
},

下面看下vue.js时间戳转时间字符串

formartDate(param) {
 let date = new Date(param);
 Y = date.getFullYear() + '-';
 M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
 D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ';
 h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
 m = date.getMinutes() < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':';
 s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
 return Y + M + D + h + m + s;
}

总结

以上所述是小编给大家介绍的Vue.js 时间转换代码及时间戳转时间字符串,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
游戏人文件夹程序 ver 3.0
Jul 14 Javascript
javascript下查找父节点的简单方法
Aug 13 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
JQuery触发radio或checkbox的change事件
Dec 18 Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
深入了解JavaScript中的Symbol的使用方法
Jul 28 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
Dec 29 Javascript
Bootstrap每天必学之警告框插件
Apr 26 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
Apr 29 Javascript
vue3修改link标签默认icon无效问题详解
Oct 09 Javascript
小程序实现投票进度条
Nov 20 Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 #Javascript
iView框架问题整理小结
Oct 16 #Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
Oct 16 #Javascript
js拖动滑块和点击水波纹效果实例代码
Oct 16 #Javascript
ajax与jsonp的区别及用法
Oct 16 #Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 #Javascript
QRCode.js二维码生成并能长按识别
Oct 16 #Javascript
You might like
php+mysql数据库查询实例
2015/01/21 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
PHP中模拟链表和链表的基本操作示例
2016/02/27 PHP
Laravel 5.4向IoC容器中添加自定义类的方法示例
2017/08/15 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
document.compatMode介绍
2009/05/21 Javascript
Jquery 设置标题的自动翻转
2009/10/03 Javascript
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
JS中的substring和substr函数的区别说明
2013/05/07 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
Javascript实现时间倒计时效果
2017/07/15 Javascript
javascript计算对象长度的方法
2017/10/25 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
2018/08/25 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
JS如何判断对象是否包含某个属性
2020/08/29 Javascript
详细介绍Python函数中的默认参数
2015/03/30 Python
python添加模块搜索路径方法
2017/09/11 Python
Python可迭代对象操作示例
2019/05/07 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
python产生模拟数据faker库的使用详解
2020/11/04 Python
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
Hotels.com日本:国外和海外住宿,酒店预订
2019/12/13 全球购物
DOM和JQuery对象有什么区别
2016/11/11 面试题
Exception类的常用方法
2012/06/16 面试题
Unix里面如何在后台运行程序
2016/10/14 面试题
酒店保安领班职务说明书
2014/03/04 职场文书
护校行动方案
2014/05/31 职场文书
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers