首先使用原生转化的方法

第一种

//时间转换

dateStr(d, sign) {

//如果没有传递符号，给一个默认的符号

if (!sign) {

sign = '-'

}

//获取d里面年月日时分秒

let year = d.getFullYear(),

month = d.getMonth() + 1,

sun = d.getDate(),

hours = d.getHours(),

minutes = d.getMinutes(),

seconds = d.getSeconds()

return (

year +

sign +

this.mendZero(month) +

sign +

this.mendZero(sun) +

' ' +

this.mendZero(hours) +

':' +

this.mendZero(minutes) +

':' +

this.mendZero(seconds)

)

},

//时间转换补零

mendZero(num) {

return (num = num < 10 ? '0' + num : num)

},

调用的时候 就在方法里直接 return 出结果

// 调用方法

getDate() {

console.log(this.dateStr(new Date()))

},　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 2020-04-20 17:58:54

第二种 这种其实和上边的是一样的思路，只是补零操作 直接用三木判断了，代码更简洁

//时间格式转换

dealWithTime(date) {

let Y = date.getFullYear()

let M = date.getMonth() + 1 - 0 >= 10 ? Number(date.getMonth()) + 1 : '0' + (Number(date.getMonth()) + 1)

let D = date.getDate()

let h = date.getHours() >= 10 ? date.getHours() : '0' + date.getHours()

let m = date.getMinutes() >= 10 ? date.getMinutes() : '0' + date.getMinutes()

let s = date.getSeconds() >= 10 ? date.getSeconds() : '0' + date.getSeconds()

return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s

},　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 　　2020-04-20 18:04:42

vue的方法 更简单

使用vue的 moment

安装 npm install moment --save

在main.js中全局引入  import moment from 'moment'

Vue.prototype.$moment = moment

则在别的文件就可以直接调用了

getDate() {

console.log(this.$moment(new Date()).format('YYYY-MM-DD HH:mm:ss'))

},　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 　　2020-4-20 18:04:42

js获取当前时间的年月日时分秒以及时间的格式化

1.获取当前时间 var myDate = new Date(); 2.获取时间中的年月日时分秒 myDate.getYear(); // 获取当前年份(2位) myDate.getFullYear( ...

java中各种时间格式的转化

http://www.chinaitpower.com/A/2005-01-14/104881.html 使用java.util.Calendar返回间隔天数         static int g ...

在vue项目中显示实时时间(年月日时分秒)

1.在data中定义一个变量,存储时间 data(){ return { nowTime:'' } }, 2.给定一个div

3. ...

nginx日志修改时间格式为年月日时分秒

先解除这段注释,使用自定义日志格式 $time_iso8601 生成格式:--20T09::+: $time_local 生成格式: /Apr/::: + 还是选择年月日时分秒看起来舒服一点

jquery获取年月日时分秒当前时间

获取年月日时分秒的当前时间,可按照某种格式显示出来,下面是一种得到如2017年02月02日  00:00:00格式的当前时间 function getCurrentDate(date){ var y ...

C语言 - 获取系统时间 以年月日时分秒的形式输出

ESP32需要给下位机通过UART发送时间戳,形式是年月日时分秒的十六进制数据包. #include #include int main( ...

Swift3&period;0 iOS获取当前时间 - 年月日时分秒星期

Swift3.0 iOS获取当前时间 - 年月日时分秒星期func getTimes() -> [Int] { var timers: [Int] = [] // 返回的数组 let calen ...

JavaScript中的内置对象-8--4&period;date对象中-获取&comma;设置日期时间的方法&semi; 获取&comma;设置年月日时分秒及星期的方法&semi;

学习目标 1.掌握创建日期对象的方法 2.掌握date对象中获取日期时间的方法 3.掌握date对象中设置日期时间的方法 如何创建一个日期对象 语法:new Date(); 功能:创建一个日期时间对象 ...

jsp中&sol;el表达式中将后台传来的时间戳格式化为年月日时分秒

sp中/el表达式中将后台传来的时间戳格式化为年月日时分秒1.引入相关标签库

随机推荐

SQL Server 2014 Database Mail重复发送邮件特殊案例

在一数据库服务器(Microsoft SQL Server 2014 (SP2) (KB3171021) - 12.0.5000.0 (X64))发现有个作业调用Database Mail发送邮件时, ...

Docker 从零开始制作基础镜像&lbrack;centos&rsqb;

http://www.oschina.net/news/62897/docker-hub-contains-high-risk-vulnerabilities 这里有个统计,docker官方和个人发布 ...

C&num; 开发积累(1)

EntityFramework批量增加时报"...请在调用 AcceptChanges 之前,确保键值是唯一的" http://www.xinglongjian.com/i ...

&lbrack;Guava官方文档翻译&rsqb; 1&period;Guava简介 &lpar;Introduction&rpar;

用户指南 Guava包含Google在Java项目中用到的一些核心库:collections, caching, primitives support, concurrency 库, common a ...

HDU 5775 Bubble Sort&lpar;线段树&rpar;&lpar;2016 Multi-University Training Contest 4 1012&rpar;

原址地址:http://ibupu.link/?id=31 Problem Description P is a permutation of the integers from 1 to N(ind ...

Python中初始化的问题以及注释问题

#coding=utf-8 # __author__ = 'minmin' from Tkinter import * #创建一个基于Frame的Application类 class Applicat ...

Android 使用存放在存assets文件夹下的SQLite数据库

因为这次的项目需要自带数据,所以就就把数据都放到一个SQLite的数据库文件中了,之后把该文件放到了assets文件夹下面.一开始打算每次都从assets文件夹下面把该文件夹拷贝到手机的SD卡或者手机 ...

js快速去除数组重复项

function unique1(arr) { var tmp = new Array(); tmp.push(arr[0]); for(var i=0;i

对sppnet网络的理解

前言: 接着上一篇文章提到的RCNN网络物体检测,这个网络成功的引入了CNN卷积网络来进行特征提取,但是存在一个问题,就是对需要进行特征提取图片大小有严格的限制.当时面对这种问题,rg大神采用的是对分 ...

Matplotlib学习---matplotlib里颜色，标记，线条类型参数的选择(colors&comma; markers&comma; line styles)

颜色(Colors): 基础颜色: character color 'b' blue 'g' green 'r' red 'c' cyan 'm' magenta 'y' yellow 'k' bla ...