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的一些看法
May 27 Javascript
一个XML格式数据转换为图表的例子
Feb 09 Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
基于jquery实现的表格分页实现代码
Jun 21 Javascript
js实现页面转发功能示例代码
Aug 05 Javascript
node.js实现多图片上传实例
Jun 03 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
Sea.JS知识总结
May 05 Javascript
javascript回调函数详解
Feb 06 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
Aug 29 Javascript
基于node.js实现爬虫的讲解
Feb 18 Javascript
手动实现vue2.0的双向数据绑定原理详解
Feb 06 Vue.js
详解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 变量的定义方法
2010/01/26 PHP
php数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
Thinkphp关闭缓存的方法
2015/06/26 PHP
PHP开发制作一个简单的活动日程表Calendar
2016/06/20 PHP
PHP高精确度运算BC函数库实例详解
2017/08/15 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
jquery.validate.js 多个相同name的处理方式
2017/07/10 jQuery
如何利用JS将手机号中间四位变成*号
2020/09/29 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
Python自动化构建工具scons使用入门笔记
2015/03/10 Python
python tkinter界面居中显示的方法
2018/10/11 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
宝塔面板成功部署Django项目流程(图文)
2020/06/22 Python
浅谈keras 模型用于预测时的注意事项
2020/06/27 Python
Gap英国官网:Gap UK
2018/07/18 全球购物
夜大毕业生自我鉴定
2013/10/31 职场文书
QA工程师岗位职责
2013/11/20 职场文书
简单的辞职信范文
2014/01/18 职场文书
《李广射虎》教学反思
2014/04/27 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
迎国庆横幅标语
2014/10/08 职场文书
工作失误检讨书(经典集锦版)
2014/10/17 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
创业计划书之游泳馆
2019/09/16 职场文书
Logback 使用TurboFilter实现日志级别等内容的动态修改操作
2021/08/30 Java/Android
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis