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.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
JS读写CSS样式的方法汇总
Aug 16 Javascript
解决webpack打包速度慢的解决办法汇总
Jul 06 Javascript
JS轮播图实现简单代码
Feb 19 Javascript
AngularJS遍历获取数组元素的方法示例
Nov 11 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
Dec 15 Javascript
微信小程序自定义底部弹出框
Nov 16 Javascript
javascript实现京东快递单号的查询效果
Nov 30 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的宝库目录--PEAR
2006/10/09 PHP
php简单静态页生成过程
2008/03/27 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
Yii框架数据模型的验证规则rules()被执行的方法
2016/12/02 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
Javascript 函数中的参数使用分析
2010/03/27 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
2012/01/15 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
js 实现浏览历史记录示例
2014/04/20 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
2015/05/04 Javascript
jQuery实现获取h1-h6标题元素值的方法
2017/03/06 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
2019/07/23 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
2019/12/06 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
python比较2个xml内容的方法
2015/05/11 Python
什么是python的必选参数
2020/06/21 Python
python在linux环境下安装skimage的示例代码
2020/10/14 Python
Python高并发和多线程有什么关系
2020/11/14 Python
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/09/18 面试题
高三自我鉴定
2013/10/23 职场文书
实习自我鉴定
2013/12/15 职场文书
先进班组事迹材料
2014/12/25 职场文书
银行先进个人总结
2015/02/15 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
新西兰:最新留学学习计划书写作指南
2019/07/15 职场文书
Go 语言结构实例分析
2021/07/04 Golang