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库 开发规则
Jan 31 Javascript
JavaScript 序列化对象实现代码
Dec 18 Javascript
js parsefloat parseint 转换函数
Jan 21 Javascript
jQuery 联动日历实现代码
May 31 Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
Jan 22 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
jQuery内容筛选选择器实例代码
Feb 06 Javascript
vue实现动态数据绑定
Apr 28 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
node.js中npm包管理工具用法分析
Feb 14 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的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
PHP防止注入攻击实例分析
2014/11/03 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
前后台交互过程中json格式如何解析以及如何生成
2012/12/26 Javascript
jQuery判断当前点击的是第几个li的代码
2014/09/26 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
前端性能优化及技巧
2016/05/06 Javascript
设置jQueryUI DatePicker默认语言为中文
2016/06/04 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
jQuery实现联动下拉列表查询框
2017/01/04 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
JavaScript引用类型Object常见用法实例分析
2018/08/08 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
小程序实现抽奖动画
2020/04/16 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
express框架下使用session的方法
2019/07/31 Javascript
微信小程序实现Swiper轮播图效果
2019/11/22 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
2020/09/11 Javascript
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
Python实现栈的方法
2015/05/26 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
python可视化实现代码
2019/01/15 Python
Tensorflow累加的实现案例
2020/02/05 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
python dict如何定义
2020/09/02 Python
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
类如何去实现接口
2013/12/19 面试题
团队精神演讲稿
2013/12/31 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
2016十一国庆节感言
2015/12/09 职场文书