vue里面如何把时间格式化

末蓝、 2024-03-16 17:43 30阅读 0赞

## vue里面如何把时间格式化 ##

简介：本文讲解vue里面如何把时间格式化显示出来

### 代码演示 ###

![在这里插入图片描述][e03708e887d0423086132664f6aeaf99.png]

<template>
        <div>
          
          <span>{
       { timestamp }}</span>
          <br>
          
          <span>{
       { formattedTime }}</span>
        </div>
      </template>
      
      <script>
      export default {
          
        data() {
          
          return {
          
            timestamp: "2021-06-15T00:00:00.000+00:00",
          };
        },
        computed: {
          
          formattedTime() {
          
            const date = new Date(this.timestamp);
            const year = date.getFullYear();
            const month = ("0" + (date.getMonth() + 1)).slice(-2);
            const day = ("0" + date.getDate()).slice(-2);
            const hour = ("0" + date.getHours()).slice(-2);
            const minute = ("0" + date.getMinutes()).slice(-2);
            const second = ("0" + date.getSeconds()).slice(-2);
            return `${ year}-${ month}-${ day} ${ hour}:${ minute}:${ second}`;
          },
        }
      };
      </script>

[e03708e887d0423086132664f6aeaf99.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/187f3460ec9e48cf9384ae8ff8295bac.png

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java如何格式化时间--SimpleDateFormat

文章目录 0 写在前面 1 讲解 2 举例 3 写在末尾 0 写在前面 [上一篇][Link 1]写了一下Java中如何处理时间，但是默认

末蓝、/ 2024年03月31日 13:45/ 0 赞/ 79 阅读

相关 vue里面如何把时间格式化

vue里面如何把时间格式化简介：本文讲解vue里面如何把时间格式化显示出来代码演示 ![在这里插入图片描述][e03708e887d0423086132664

末蓝、/ 2024年03月16日 17:43/ 0 赞/ 31 阅读

相关 vue时间格式化例子

vue格式化时间解决方法： 1.package.json文件添加依赖： "moment": "^2.14.1", 2.组件中引用 import mom

待我称王封你为后i/ 2023年01月03日 04:10/ 0 赞/ 164 阅读

相关 vue使用moment格式化时间

第一、安装moment npm install moment --save 第二、在main.js引入moment，并且设一个全局的过滤器 imp

「爱情、让人受尽委屈。」/ 2022年12月03日 13:08/ 0 赞/ 223 阅读

相关 Vue.js —— 时间格式化

> 项目中经常遇到这样的场景，后端在接口中返回的时间信息是时间戳，需要前端处理好再展示。需要用到moment包，先安装好，引入。 <script>

浅浅的花香味﹌/ 2022年11月29日 12:16/ 0 赞/ 265 阅读

相关 vue格式化时间戳

js： var articleContent = new Vue({ el: "articleContent", da

朱雀/ 2022年05月23日 11:53/ 0 赞/ 305 阅读

相关 vue时间格式化

1 安装 ![20181114141756361.png][] 2.全局引入 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

╰+哭是因爲堅強的太久メ/ 2022年04月17日 06:58/ 0 赞/ 283 阅读

相关 Vue时间格式化

format.js export const formatDateTime = (date, fmt) => { if (!date) {

素颜马尾好姑娘i/ 2022年03月27日 03:23/ 0 赞/ 332 阅读

相关 vue 时间格式化

前段时间利用vue实现数据在页面上的显示，我本人比较喜欢用谷歌浏览器，但是测试就是不用，用的360 ，说我页面上显示的时候时间存在问题 ![watermark_type_Zm

电玩女神/ 2021年10月18日 20:22/ 0 赞/ 489 阅读

相关 vue格式化时间

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

朴灿烈づ我的快乐病毒、/ 2021年09月09日 02:00/ 0 赞/ 527 阅读