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 相关文章推荐
基于jquery的图片的切换(以数字的形式)
Feb 14 Javascript
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
JavaScript调用客户端Java程序的方法
Jul 27 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
jQuery 3.0十大新特性最终版发布
Jul 14 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
JavaScript 用fetch 实现异步下载文件功能
Jul 21 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
在vue中获取token,并将token写进header的方法
Sep 26 Javascript
详解ES6 Fetch API HTTP请求实用指南
Nov 14 Javascript
vue+element项目中过滤输入框特殊字符小结
Aug 07 Javascript
js实现右键弹出自定义菜单
Sep 08 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下载xls文件(自己动手写的)
2014/04/18 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
Maps Javascript
2007/01/22 Javascript
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
2014/01/27 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
全面解析Bootstrap弹窗的实现方法
2015/12/01 Javascript
原生JavaScript实现AJAX、JSONP
2017/02/07 Javascript
使用Fullpage插件快速开发整屏翻页的页面
2017/09/13 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
2017/10/18 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
python with statement 进行文件操作指南
2014/08/22 Python
python中urllib模块用法实例详解
2014/11/19 Python
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
Python中的字典遍历备忘
2015/01/17 Python
详解Python网络爬虫功能的基本写法
2016/01/28 Python
python套接字流重定向实例汇总
2016/03/03 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
COS美国官网:知名服装品牌
2019/04/08 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
意大利奢侈品牌在线精品店:Jole.it
2020/11/23 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
什么是SCM(软件配置管理)
2014/08/16 面试题
上课随便讲话检讨书
2014/09/12 职场文书
田径运动会通讯稿
2014/09/13 职场文书
小学母亲节活动总结
2015/02/10 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
详解Python描述符的工作原理
2021/06/11 Python
Python-OpenCV实现图像缺陷检测的实例
2021/06/11 Python
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android