uniapp时间格式转换
时间: 2023-09-22 08:14:53 浏览: 210
时间格式转换
在uniapp中进行时间格式转换可以使用过滤器(filters)或自定义的方法来实现。我为你提供两种方法的示例代码:
方法一:使用过滤器(filters)进行时间格式转换
在vue文件中添加以下代码:
```html
<view class="text-cut">{{timeArray.time | formatDate}}</view>
```
在vue文件的script标签中添加以下代码:
```javascript
filters: {
formatDate: function(value) {
var date = new Date(value);
var year = date.getFullYear();
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
return year + "-" + month + "-" + day;
}
}
```
方法二:使用自定义方法进行时间格式转换
在vue文件的script标签中添加以下代码:
```javascript
methods: {
dateFormat: function(time) {
let date = new Date(time);
let year = date.getFullYear();
let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
return year + "-" + month + "-" + day;
}
}
```
然后在需要格式转换的地方使用这个方法:
```html
<view v-if="item.rukudate">{{ dateFormat(item.rukudate) }}</view>
```
以上是两种在uniapp中进行时间格式转换的方法,你可以根据自己的需求选择其中一种来实现时间格式的转换。
阅读全文