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 相关文章推荐
Javascript 判断函数类型完美解决方案
Sep 02 Javascript
JavaScript让IE浏览器event对象符合W3C DOM标准
Nov 24 Javascript
js实现杯子倒水问题自动求解程序
Mar 25 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 Javascript
js实现的简洁网页滑动tab菜单效果代码
Aug 24 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
全面接触神奇的Bootstrap导航条实战篇
Aug 01 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
JavaScript创建对象_动力节点Java学院整理
Jun 27 Javascript
简述Angular 5 快速入门
Nov 04 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 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 调试工具Debug Tools
2011/04/30 PHP
php设计模式之单例模式使用示例
2014/01/20 PHP
php读取大文件示例分享(文件操作类)
2014/04/13 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
超棒的javascript页面顶部卷动广告效果
2007/12/01 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
2016/03/01 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
vue2中使用less简易教程
2018/03/27 Javascript
Javascript的this详解
2019/03/23 Javascript
Elasticsearch实现复合查询高亮结果功能
2019/09/10 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
JS实现放烟花效果
2020/03/10 Javascript
跟老齐学Python之集成开发环境(IDE)
2014/09/12 Python
Python读取视频的两种方法(imageio和cv2)
2018/04/15 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
Python 必须了解的5种高级特征
2020/09/10 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
CSS改变网页中鼠标选中文字背景颜色例子
2014/04/23 HTML / CSS
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
英国珠宝网站Argento: PANDORA、Olivia Burton和Nomination等
2020/05/08 全球购物
Java方面的关于数组和继承的笔面试题
2015/09/18 面试题
环境工程求职简历的自我评价范文
2013/10/24 职场文书
教师师德教育的自我评价
2013/10/31 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
安康杯竞赛活动总结
2014/05/05 职场文书
知识改变命运演讲稿
2014/05/21 职场文书
小学五年级语文上册教学计划
2015/01/22 职场文书
Nginx已编译的nginx-添加新模块
2021/04/01 Servers
如何用python清洗文件中的数据
2021/06/18 Python
Java工作中实用的代码优化技巧分享
2022/04/21 Java/Android