uni-app时间戳转换日期格式

小鱼儿 2022-12-26 02:17 441阅读 0赞

1、通过请求获取的数据如下(时间戳)  
![在这里插入图片描述][20201202235022253.png]  
2、需求中的时间格式：  
![在这里插入图片描述][20201202235115639.png]  
3、使用的方法：过滤器过滤  
这里包涵了时分秒，如果不需要自行删除  
过滤器的参数第一个默认是过滤的数据，第二个这里使用的个分隔符，可以动态根据需求改变  
注意：这里要将时间戳\*1000，不然时间会乱，小于10要不要补0看需求，不需要就把后面的删掉

filters:{ 
    			// 时间戳处理 formatDate: function(value,spe='/') { 
    				value = value*1000
    			  let data= new Date(value);
    			   let year = data.getFullYear();
    			   let month = data.getMonth() + 1;
    			   let day = data.getDate();
    			   let h = data.getHours();
    			   let mm = data.getMinutes();
    			   let s = data.getSeconds();
    			   month = month >= 10 ? month : "0" + month;
    			   day = day >= 10 ? day : "0" + day;
    			   h = h >= 10 ? h : "0" + h;
    			   mm = mm >= 10 ? mm : "0" + mm;
    			   s = s >= 10 ? s : "0" + s; return `${ year}${ spe}${ month}${ spe}${ day} ${ h}:${ mm}:${ s}`;
    			     }
    		}

4、这里是需要过滤的数据，使用管道符，传入一个参数就是上面的分隔符

<text>{ { item.create_time | formatDate('-')}}</text>

5、最终结果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTQzMTk5OQ_size_16_color_FFFFFF_t_70]

[20201202235022253.png]: /images/20221120/c775d30c92dd4c6fbbd0884aabec4fa5.png
[20201202235115639.png]: /images/20221120/a0f7d7cf11fb42e299da0459312b3b12.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80OTQzMTk5OQ_size_16_color_FFFFFF_t_70]: /images/20221120/a0ad5d65693242ef894b65e9c0f0b7ff.png