js JavaScript vue 时间戳 转换 日期 YYYY-MM-DD hh:mm:ss 简洁写法

js JavaScript vue 时间戳 转换 日期 YYYY-MM-DD hh:mm:ss 简洁写法两种方法方法一使用两个apitoLocaleDateString()和toTimeString()加正则表达式,简洁写法,推荐!还可以更改为以点(.)连接——正则表达式代码letnewDate=newDate();this.date=newDate.toLocaleDateString().replace(/\//g,”-“)+””+newDate.toTimeString().substr(0,8);结果缺点月份不能是03的形式

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

两种方法

方法一

  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开始)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/179221.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 利用GestureDetector实现ViewPager的滑动切换效果「建议收藏」

    利用GestureDetector实现ViewPager的滑动切换效果「建议收藏」利用GestureDetector实现ViewPager的滑动切换效果

    2022年4月20日
    231
  • 交叉编译lrzsz

    交叉编译lrzsz参考:https://blog.csdn.net/linucos/article/details/5582979https://blog.csdn.net/wangzhen209/article/details/32713715https://blog.csdn.net/zijie_xiao/article/details/50934279步骤:获取源码:https://www…

    2022年6月23日
    39
  • Centos7安装mysql+keepalived 高可用环境[通俗易懂]

    Centos7安装mysql+keepalived 高可用环境[通俗易懂]一、环境准备1.节点信息节点IP 节点名称 系统 软件及版本 192.168.51.187 node187 CentOS7 keepalived-1.3.5 mysql-5.7.24 192.168.51.226 node226 CentOS7 2.虚拟VIP虚拟VIP 192.168.51.170 3.初始化,在两个节点上进行常用工具的安装yuminstallgccgcc…

    2022年6月6日
    42
  • 源码网_论文管理系统源码

    源码网_论文管理系统源码1.LaTeX源码%-*-coding:UTF-8-*-\documentclass[UTF8]{ctexart}\usepackage{multicol}%数学包,这里没用到%\usepackage{amsmath}\usepackage{indentfirst}%添加作者信息\usepackage{authblk}\usepackage{graphicx}%设置…

    2025年7月11日
    3
  • Pycharm 中的 全局搜索(ctrl+shift+f) 功能无法使用的原因

    Pycharm 中的 全局搜索(ctrl+shift+f) 功能无法使用的原因原因是Pycharm和搜狗输入法的快捷键冲突

    2022年8月29日
    3
  • MySQL 游标

    MySQL 游标我们之前写的 sql 语句 虽然可以通过筛选条件来限定返回的记录 但是我们却没有办法在结果集里面 像指针一样 定位每一条记录 向前定位 向后定位 或随意定位到某一条记录 为了解决这个问题 我们可以使用游标 游标可以让我们可以对结果集中的每一条记录进行定位 并对指向的记录中的数据进行操作接下来就让我们来看看具体怎么使用 这里的 select 语句用来返回一个创建游标的结果集 cursor 英文意思是游标 光标简单记忆就是说用一个查询语句来描述游标举例 2 2 打开游标定义好游标后 如果想要使用它 就得

    2025年10月17日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号