Vue.js 时间转换代码及时间戳转时间字符串

作者:tangong0439 时间:2024-04-30 10:21:53 



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 时间转换代码及时间戳转时间字符串网站的支持!

来源:https://blog.csdn.net/tangong0439/article/details/83071179

标签:vue.js,时间,转换
0
投稿

猜你喜欢

  • Python中的通函数numpy.ufunc详解

    2023-09-03 22:52:08
  • 微信小程序点餐系统开发常见问题汇总

    2024-04-10 10:52:00
  • js+html制作简单验证码

    2024-04-19 10:44:33
  • 详解如何用Python模拟登录淘宝

    2023-09-29 19:07:34
  • Tensorflow实现多GPU并行方式

    2021-03-26 19:43:31
  • 基于Tensorflow搭建一个神经网络的实现

    2024-01-02 06:09:35
  • pandas中去除指定字符的实例

    2023-11-29 22:41:35
  • mysql分页性能探索

    2024-01-23 22:35:21
  • win10上如何安装mysql5.7.16(解压缩版)

    2024-01-23 23:22:53
  • python Scrapy框架原理解析

    2022-08-07 06:17:20
  • 教你如何使用Python下载B站视频的详细教程

    2023-04-12 00:39:48
  • Python如何实现SSH远程连接与文件传输

    2023-06-12 12:34:02
  • Tensorflow中使用cpu和gpu有什么区别

    2021-10-15 15:48:45
  • laravel 5 实现模板主题功能(续)

    2024-05-03 15:28:50
  • mysql跨数据库复制表(在同一IP地址中)示例

    2024-01-20 00:51:11
  • css学习笔记:表格隔行点击变色

    2009-04-30 13:15:00
  • Flask web上传获取图像Image读取并使用方式

    2021-06-14 11:37:58
  • 使SQL用户只能看到自己拥有权限的库(图文教程)

    2024-01-27 11:07:27
  • Python异步操作MySQL示例【使用aiomysql】

    2024-01-16 20:22:07
  • Go 语言中gin使用gzip压缩遇到的问题

    2024-02-01 16:52:40
  • asp之家 网络编程 m.aspxhome.com