vue for循环取值时日期格式化问题

最新推荐文章于 2023-08-10 09:31:49 发布
最新推荐文章于 2023-08-10 09:31:49 发布
阅读量1.5k 收藏 1
点赞数 2
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/syx_cainiao/article/details/109714189
版权
在Vue项目中，遇到后台返回的日期格式为'yyyy-MM-dd hh:mm:ss'，需要将其转换为'yyyy-MM-dd'。通过使用自定义filters过滤器实现格式化，但在for循环中发现当月和日为单数时格式不统一。解决方案是在过滤器中添加判断，用'0'补足单数月份和日期，确保日期显示的一致性。
摘要由CSDN通过智能技术生成

最近在写一个列表显示时，后台返回的数据时时间格式为 “yyyy-MM-dd hh:mm:ss”
如图：在这里插入图片描述

代码为：

<div v-for="(item,index) in showOpinionLists" :key="index" class="pagination-list">
	<!--此处代码省略-->
    ......
    <div class="pagination-date">
    	<div :style="item.status === '1' ? 'background-color: #5cbb5c;':
最低0.47元/天 解锁文章
syx_cainiao
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中的过滤器及其时间格式化问题
10-15
主要介绍了vue中的过滤器及其时间格式化,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vscode下的vue文件格式化问题
10-17
在使用Visual Studio Code (VSCode) 进行Vue开发时，常常会遇到文件格式化的问题。Vue文件（.vue）通常包含HTML、CSS、JavaScript等多个部分，因此正确的格式化至关重要。Vetur是一款针对Vue生态的VSCode插件，提供...
Vue3.2+TS在v-for的时候，循环处理时间，将其变成xx-xx-xx xx:xx:xx格式，最后教给大家自己封装一个时间hooks，直接复用
最新发布
m0_56986233的博客
08-10 406
Vue3.2+TS在v-for的时候，循环处理时间，将其变成xx-xx-xx xx:xx:xx格式 最后教给大家自己封装一个时间hooks，直接复用
VUE循环日期格式化
lw402532041的博客
12-11 383
html部分 <span>{{time|renderTime}}</span> js部分 data(){ return{ item:1607674958 } } filters: { //时间戳转换 formatDate: function (value) { let date = new Date(value); let y = date.getFullYear(); let MM
java格式化时间 for循环格式list中的date
ling的博客
05-08 2066
public static final List<Map<String,Object>> dateToStringList(List<Map<String,Object>> list,String fomate,String [] str){ Iterator<Map<String,Object>> ...
vue里面的v-for循环给v-model赋值问题
费马程序猿的博客
09-13 1603
vue里面的v-for循环给v-model赋值问题
VUE 时间控件赋值失败
平安的博客
07-21 755
控件渲染问题处理
Vue格式化插件以及v-for报错解决方法
weixin_46560512的博客
08-31 356
工欲善其事，必先利其器1.Vue插件的使用2.v-for报错解决方案     直接分享下面的博文，方便快速找到有效的解决方案： 1.Vue插件的使用     VSCODE的VUE代码格式化插件及配置 2.v-for报错解决方案     VS Code使用.vue的v-for方法提示错误的解决办法     声明：本篇文章属于转载，非本人作品，转载请附上原文章链接。 ...
vue时间格式化实例代码
08-30
其中，date是需要格式化的日期时间对象，fmt是格式化字符串。例如，yyyy-MM-dd hh:mm:ss。 函数内部使用正则表达式来匹配fmt中包含的格式化符号，并将其替换为对应的日期时间值。例如，yyyy将被替换为年份，MM将被...
解决vue v-for 遍历循环时key值报错的问题
12-01
一 、问题如下： [Vue warn] Avoid using non-primitive value as key, ...以上这篇解决vue v-for 遍历循环时key值报错的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
Vue 用js for循环动态生成变量名并赋值
GongWei_的博客
01-07 5260
想要的效果： var marker1 = new BMap.Marker(new BMap.Point(res.data.data[0].gpsX, res.data.data[0].gpsY),{icon:myIcon}); var marker2 = new BMap.Marker(new BMap.Point(res.data.data[1].gpsX, res.data.data[1].gpsY),{icon:myIcon2}); var marker3 = new BMap.Marker(new
vue 循环取值日期格式化，字符串截取处理（转）
我有一张床的博客
05-09 1486
转载http://www.fly63.com/article/detial/5276 用vue取值页面遍历时，每次都搜索js日期格式化和字符串长度截取，这次记录下来，以后从这里直接拿即可。html代码如下 <div id="cold_news"> <ul class="col-xs-12"> <li class="col-xs-3" v-for="(news, index) in hotNews" > <a hr
vue通过v-for取出的一个字段是时间戳格式转换成年月日
崔崔的博客
09-10 4433
在标签里边加： v-text="new Date(parseInt(item.CREATE_TIME) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ')" v-text="new Date(parseInt(item.CREATE_TIME) * 1000).toLocaleString().split(' ')[0].replace('/'...
vue中时间戳转换日期格式
程序猿的秃头之路
02-23 753
利用moment插件 执行 npm install moment --save 或者 yarn add moment 命令，安装 moment 插件 在 main.js 文件中引入 moment 插件，并定义全局过滤器 // 引入时间格式化组件库 import moment from 'moment' // 定义时间过滤器 date是时间过滤器名称 Vue.filter('date', function (n) { const result = moment(n * 1000).format('Y
vue中将日期转换为指定的格式（moment）
leveretz的博客
11-15 1969
vue中将日期转换为指定的格式（moment）
vue获取时间格式以及24小时循环
weixin_40431771的博客
05-16 4267
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期...
v-for生成＜el-input赋值的问题
有问题可关注公众号：前端研究院 后台输入问题回复
05-16 1499
如果copywrite是数组值为：['方案1','方案2','方案3'],然后我通过copywrite的个数生成<el-input，el-input的值就是数组每个值，这时应该怎么给每个<el-input赋值 <el-input v-for="(item,index) in copywrite" :key="index"></el-input> 回答： <el-input v-for="(item,index) in copywrite"
Vue data属性对象赋值导致的v-for失效及表单无法输入问题
weixin_44854986的博客
04-21 1241
问题场景：模态框中的表单通过后端数据进行动态渲染（也就是动态生成表单项） 我是把数据放在下面这个触发表格的按钮点击弹出的Popover 弹出框中了 根据勾选相应的数据去循环生成如下的表单项 //注意这只是一个表单项 <el-form-item> //...省略部分代码 <el-row :gutter="20"> <!-- 这里的item是因为嵌套太多层 当作data里一个对象就好 --> <el-col v-for="(v, valueIndex) i
vue动态获取半小时倒计时
weixin_44409569的博客
03-02 1015
<p>剩余时间：{{checkShowTime(item.createTime)}}</p> //todo 倒计时 checkShowTime(data) {//将html中的事件传入这个方法中 let senc, min //声明秒数和分钟 senc = parseInt(data / 60) min = parseInt(data% 60) return this.checkTime(se..
vue for循环遍历对象取值
04-12
当使用 vue 的 for 循环遍历对象时，可以使用 v-for 指令和 in 运算符将遍历索引和属性值捆绑到一个变量上。例如： ``` <div v-for="(item, key) in obj"> {{ key }} : {{ item }} ``` 这将遍历对象 obj 中的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值