Vue中转换标签中的时间格式

男娘i 2023-02-15 01:24 116阅读 0赞

# [jquery：判断时间是不是今天（vue版）][jquery_vue] #

转至 [https://www.cnblogs.com/qdlhj/p/11017656.html][https_www.cnblogs.com_qdlhj_p_11017656.html]

### **方法一：自定义文件** ###

（一）函数封装（将该函数封装成一个文件，或者加入自己项目的函数库）

（二）文件引入（注意：由于是函数，故名字要和函数的名字一致）

import { formatDate } from '@/utils/date'

（三）添加到过滤器中

filters: {
        formatDate(time) {
          let date = new Date(time)
          return formatDate(date, 'yyyy-MM-dd')
        }
      }

（四）使用场景一： 在HTML中使用

// item.createdate是后台数据~~
    <div class="bottomTimee fz12 c_9a">{
       {item.createdate | formatDate}}</div>

（五）使用场景二： 在提交时候使用

let nowDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm')

（六）使用场景三： 在绑定属性中使用

<mt-cell title="开始时间" :value="startDate | formatDate"></mt-cell>

### **方法二：引入vue插件moment** ###

（一）npm安装

npm install moment --save

（二）在main.js上引入，挂载在vue上

import moment from 'moment'

Vue.prototype.$moment = moment

（三）在html中使用

<div class="title">{
       {$moment(key).format('YYYY-MM-DD')}}</div>

[jquery_vue]: https://blog.csdn.net/qq_16946803/article/details/115295020
[https_www.cnblogs.com_qdlhj_p_11017656.html]: https://www.cnblogs.com/qdlhj/p/11017656.html

发表评论取消回复

表情：

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

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

相关阅读

相关 MySQL：时间戳格式转换中的常见问题

在MySQL中，时间戳（Unix timestamp）和常见的日期/时间格式之间进行转换时，可能会遇到以下几种常见问题： 1. **数据类型不匹配**：如果尝试将一个

女爷i/ 2024年12月27日 17:57/ 0 赞/ 18 阅读

相关 vue中时间格式转化问题

1. 效果图： ![5426e64d4ba34cbe80d89d04b6400e23.png][] 1. 需求：前台展示一律用的时间规格：yyyy-MM-dd HH:mm

深碍√TFBOYSˉ_/ 2023年09月28日 17:11/ 0 赞/ 15 阅读

相关 Vue中转换标签中的时间格式

[jquery：判断时间是不是今天（vue版）][jquery_vue] 转至 [https://www.cnblogs.com/qdlhj/p/11017656.

男娘i/ 2023年02月15日 01:24/ 0 赞/ 117 阅读

相关 Vue中的时间格式处理问题

方法一：自定义文件（一）函数封装（将该函数封装成一个文件，或者加入自己项目的函数库）（二）文件引入（注意：由于是函数，故名字要和函数的名字一致） import

一时失言乱红尘/ 2023年02月13日 11:35/ 0 赞/ 23 阅读

相关 vue中时间格式转化问题

1. 效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZ

快来打我*/ 2023年02月11日 11:25/ 0 赞/ 256 阅读

相关 python时间格式转换为美式日期,Python中time日期、时间格式转换

在我们日常的数据采集中，时间time的重要性毋庸置疑的，因为它是衡量采集到的信息是否具有正确时效性的唯一因素。如果我们采集到的信息对于客户来说已经是过期的信息，这对于客户没有使

╰+攻爆jí腚メ/ 2023年01月17日 04:54/ 0 赞/ 290 阅读

相关 Android中日期时间格式转换

将日期转换为相应的格式： Date date = new Date(); String time = new

古城微笑少年丶/ 2022年08月20日 12:10/ 0 赞/ 524 阅读

相关 SQLServer中将时间戳转换为时间格式

时间戳就是一个从1970-01-01 08:00:00到时间的相隔的秒数。所以只要把这个时间戳加上：1970-01-01 08:00:00这个时间就可以得到你想要的时间了：

水深无声/ 2022年07月15日 07:28/ 0 赞/ 1539 阅读

相关 json集合中转换时间Date格式

JsonConfig config = new JsonConfig(); config.registerJsonValueProcessor(Date.cla

逃离我推掉我的手/ 2022年05月29日 06:52/ 0 赞/ 330 阅读

相关 Vue中使用dayjs转换时间格式并实时显示当前时间

【此外，moment也可以实现类似的功能，见：[https://blog.csdn.net/qq\_40323256/article/details/116421736][ht

小灰灰/ 2021年09月03日 10:27/ 0 赞/ 1415 阅读