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客户端脚本的设计和应用
Aug 21 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
ExtJS的拖拽效果示例
Dec 09 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
jQuery实现跨域iframe接口方法调用
Mar 14 Javascript
js如何实现淡入淡出效果
Nov 18 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
JavaScript闭包和回调详解
Aug 09 Javascript
JavaScript 监听组合按键思路及代码实现
Jul 28 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
动易数据转成dedecms的php程序
2007/04/07 PHP
php.ini 配置文件的深入解析
2013/06/17 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
Nginx服务器上安装并配置PHPMyAdmin的教程
2015/08/18 PHP
javascript完美拖拽的实现方法
2013/09/29 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
浅谈javascript alert和confirm的美化
2016/12/15 Javascript
详解百度百科目录导航树小插件
2017/01/08 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
2017/02/20 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
Node使用Nodemailer发送邮件的方法实现
2020/02/24 Javascript
Javascript前端下载后台传来的文件流代码实例
2020/08/18 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
Flask框架URL管理操作示例【基于@app.route】
2018/07/23 Python
Python常见的pandas用法demo示例
2019/03/16 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
联想智利官方网站:Lenovo Chile
2020/06/03 全球购物
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
欢迎标语大全
2014/06/21 职场文书
单位租房协议书样本
2014/10/30 职场文书
导游词格式
2015/02/13 职场文书
音乐课外活动总结
2015/05/09 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
2022/08/05 Servers