vue里LocalDateTime转格式
时间: 2023-11-09 15:53:25 浏览: 120
vue将后台数据时间戳转换成日期格式
5星 · 资源好评率100%
在Vue中,可以使用过滤器来将后台的LocalDateTime格式转换成常见的时间格式。你可以在Vue的main.js文件中创建一个过滤器,然后在需要显示时间的地方使用这个过滤器即可。
下面是一个示例过滤器的代码:
```javascript
Vue.filter('localDateTimeFormat', function (originVal) {
const dt = new Date(originVal);
const y = dt.getFullYear();
const m = (dt.getMonth() + 1 + '').padStart(2, '0');
const d = (dt.getDate() + '').padStart(2, '0');
const hh = (dt.getHours() + '').padStart(2, '0');
const mm = (dt.getMinutes() + '').padStart(2, '0');
const ss = (dt.getSeconds() + '').padStart(2, '0');
// 格式化为 "yyyy-mm-dd hh:mm:ss"
return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;
});
```
在需要显示LocalDateTime格式的地方,可以使用`{{ value | localDateTimeFormat }}`的形式来应用这个过滤器,其中`value`是需要转换的LocalDateTime值。
阅读全文