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实现动态CSS换肤技术的脚本
Jun 29 Javascript
js tab 选项卡
Apr 26 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
Jul 07 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
jQuery结合CSS制作动态的下拉菜单
Oct 27 Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 Javascript
深入对Vue.js $watch方法的理解
Mar 20 Javascript
微信小程序实现选项卡效果
Nov 06 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
Sep 04 Javascript
vue实现输入框自动跳转功能
May 20 Javascript
详解uniapp的全局变量实现方式
Jan 11 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
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
PHP生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
php页面函数设置超时限制的方法
2014/12/01 PHP
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
PHP中时间加减函数strtotime用法分析
2017/04/26 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
jQuery的一些特性和用法整理小结
2010/01/13 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
js函数模拟显示桌面.scf程序示例
2014/04/20 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
jquery实现用户打分评分特效
2015/05/28 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
2016/06/07 Javascript
js 判断各种数据类型的简单方法(推荐)
2016/08/29 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
jQuery EasyUi 验证功能实例解析
2017/01/06 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
JavaScript数据类型的存储方法详解
2017/08/25 Javascript
基于VSCode调试网页JavaScript代码过程详解
2020/07/20 Javascript
python Django连接MySQL数据库做增删改查
2013/11/07 Python
Python基于jieba库进行简单分词及词云功能实现方法
2018/06/16 Python
使用tensorflow实现线性svm
2018/09/07 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
英国现代绅士品牌:Hackett
2017/12/17 全球购物
五年级语文教学反思
2014/01/30 职场文书
房地产项目策划书
2014/02/05 职场文书
年度安全生产目标责任书
2014/07/23 职场文书
教师学习群众路线心得体会
2014/11/04 职场文书
2014年环卫工作总结
2014/11/22 职场文书
黄山导游词
2015/01/31 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法
2022/06/25 Servers