js JavaScript vue 时间戳 转换 日期 YYYY-MM-DD hh:mm:ss 简洁写法_chestnut栗子的博客-程序员秘密

技术标签: date  js  javascript  

两种方法

方法一

  1. 使用两个api toLocaleDateString()toTimeString()正则表达式,简洁写法,推荐!
    还可以更改为以 点(.) 连接 —— 正则表达式

代码

let newDate = new Date();
this.date = newDate.toLocaleDateString().replace(/\//g, "-") + " " + newDate.toTimeString().substr(0, 8);

结果

在这里插入图片描述

缺点

月份不能是 03的形式,而是 2021-3-21
除非自己再拼接一下

解析:

① toLocaleDateString() 方法
可根据本地时间把 Date 对象的日期部分转换为字符串,并返回结果。
返回结果 2021/3/12 的形式
正则表达式 ///g 不加引号,g代表全局,不能用+ / 代表转义

toTimeString() 方法
可把 Date 对象的时间部分转换为字符串,并返回结果。
返回结果 14:45:03 GMT+0800 (中国标准时间) 截取前9位拼接即可

方法二

  1. 使用常见的Date中的函数,进行判断、拼接

代码

function formatDate(date) {
    
        let myYear = date.getFullYear();
        let myMonth = date.getMonth() + 1;
        let myWeekday = date.getDate();
        let myHour = date.getHours();
        let myMinute = date.getMinutes();
        let mySecond = date.getSeconds();

        if (myMonth < 10) {
    
          myMonth = '0' + myMonth;
        }
        if (myWeekday < 10) {
    
          myWeekday = '0' + myWeekday;
        }
        if (myHour < 10) {
    
          myHour = '0' + myHour;
        }
        if (myMinute < 10) {
    
          myMinute = '0' + myMinute;
        }
        if (mySecond < 10) {
    
          mySecond = '0' + mySecond;
        }
        return (`${
      myYear}-${
      myMonth}-${
      myWeekday} ${
      myHour}:${
      myMinute}:${
      mySecond}`);
      }
      
console.log(formatDate(new Date()));

结果

在这里插入图片描述

解析

在这里插入图片描述
通过上面函数获得年月日时分秒,然后进行拼接,难点是getMonth记得+1(月份是从0开始)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37235616/article/details/115167596

智能推荐

调整和删除Win7休眠文件Hiberfil.sys释放C盘_如何释放hibernation_lwxxx的博客-程序员秘密

调整和删除Win7休眠文件Hiberfil.sys释放C盘原文地址:调整和删除Win7休眠文件Hiberfil.sys释放C盘Hiberfil.sys 是 Windows 休眠功能(Windows Hibernation)将内存数据与会话保存至硬盘、以便计算机断电重新启动后可以快速恢复会话所需的内存镜像文件。在早期版本的 Windows 中,Hiberfil.sys 文件的大小等同于物理内...

验证码过期(小功能)_TalkingCoding的博客-程序员秘密

作用:模拟获取验证码,10s后,重新获取。未过期前不可重复获取;&lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt;&lt;%String path = request.getContextPath();String basePath = request.getScheme()+":/...

【DP】BZOJ1084(SCOI2005)[最大子矩阵]题解_ZigZagK的博客-程序员秘密

题目概述有一个 n×mn\times m ( m≤2m\le 2 )的矩阵,选出其中 kk 个子矩阵,使得这 kk 个子矩阵分值之和最大。选出的 kk 个子矩阵不能相互重叠。解题报告因为只有两列……所以随便定义一下就行了。定义 f[i][s][k]f[i][s][k] 表示前 ii 行,第 ii 行的状态为 ss ,选了 kk 个子矩阵的最优解,状态有:00 :不选第 ii 行。11 :选第 i

怎样把c语言软件卸载干净,系统软件怎样操作才能彻底卸载删除干净软件程序..._多数是的博客-程序员秘密

系统软件怎样操作才能彻底卸载删除干净软件程序软件安装很容易,但要彻底卸载干净某一软件程序似乎就不是一件简单容易的事情。正确的把系统软件由系统中彻底卸载删除干净步骤应该是怎样的呢?请大家用心来浏览以下广州电脑维修小编撰写的内容吧。要删除系统软件的方法有两种:系统自带删除/卸载功能及使用第三方软件操作程序卸载删除。系统自带的删除/卸载功能在哪里呢?我们只要打开“控制面板”就能够找到“添加或删除程序”图...

c语言编程的头文件是什么,C语言头文件到底是什么?_桃仁田七的博客-程序员秘密

C语言头文件到底是什么?在C语言学习的时候总是会引入这样的语句#include ,书上解释说把stdio.h这个文件的全部内容直接插入到这个位置,然后再经过C语言的编译器编译运行。这么看来隐含的意思好像是.h头文件好想并不直接参与编译。围绕这个话题引出了下面这几个问题。一,.h头文件会参与编译吗?不妨来做个实验这个是head.h文件的内容#include int main() {printf("H...

kinect1.0实现的rgbd-slam_shuishenbushui的博客-程序员秘密

这个rgbd-slam代码是根据高翔的代码改编过来的,具体可以参考创客制造的以下教程https://www.ncnynl.com/category/rgbd-slam/下面我分为7步来介绍我的实现步骤以及中途可能遇到的bug和解决方案1.硬件这是淘宝上买的二手货,只要300多,用起来没什么问题,你可以先在windows下用它的sdk测试以下相机有没有什么问题左边的圆孔为红外...

随便推点

深度学习推荐系统04_何向南 面向结构模型的推荐系统_尼尔-冯-哈尔滨的博客-程序员秘密

深度学习推荐系统04不知不觉,关于深度学习推荐系统的博客已经写了三篇了,

configmap_啾咪嘻啾咪的博客-程序员秘密

k8ss中有哪些存储类型可供利用configmap存储配置文件的目的secret加密的信息,密钥,用户名密码信息,一种加密方案。volumn:给pod提供共享存储卷的能力。比如通过nfs共享,通过本地磁盘目录共享。pv:pvc:pv就是持久卷,如何通过其他的服务进行持久卷的构建。不同的集群索要不同的配置中心,只需要更改配置中心的文件会自动更新configmap差不多比如configmap保存nginx.conf配置文件在后续创建pod的时候可以注入configmap,引入信息当ngin

CCF认证 201612-1:中间数(C++)_c++中间数_咸鱼4号的博客-程序员秘密

#include&lt;iostream&gt;#include&lt;cstdio&gt;#include&lt;cstring&gt;#include&lt;algorithm&gt;#include&lt;cmath&gt;using namespace std;const int N=1000;int main(){ int a[N],n,i,num1,sum=0; ...

BHP Net Tool_山清水秀iOS的博客-程序员秘密

#导入需要用到的包import sysimport getoptimport threadingimport socketimport subprocess#定义全局变量listen = Falsecommand = Falseupload = Falseexecute ...

推荐文章

热门文章

相关标签