后端让传回的日期格式是yyyy-MM-dd_yyyy-MM-dd,前端用的是van-date-picker,得到的时间怎样处理
时间: 2024-01-12 20:03:20 浏览: 132
ngx-input-date-range-picker:角度输入日期范围选择器库
根据后端传回的日期格式 `yyyy-MM-dd_yyyy-MM-dd`,可以将其拆分成开始日期和结束日期,然后将其赋值给 van-date-picker 组件的 value 属性。
示例代码:
```html
<van-date-picker
v-model="date"
type="range"
value-format="yyyy-MM-dd"
:min-date="minDate"
:max-date="maxDate"
/>
```
```javascript
export default {
data() {
return {
date: [], // 用于存放开始日期和结束日期的数组
minDate: new Date(2000, 0, 1), // 最小可选日期
maxDate: new Date(2100, 11, 31), // 最大可选日期
};
},
mounted() {
const dateRange = '2022-01-01_2022-01-31'; // 后端传回的日期范围
const [startDate, endDate] = dateRange.split('_'); // 将日期范围拆分成开始日期和结束日期
this.date = [new Date(startDate), new Date(endDate)]; // 将日期赋值给 van-date-picker 组件的 value 属性
},
};
```
这样,就可以在 van-date-picker 组件中显示后端传回的日期范围,并且用户可以在指定的日期范围内进行选择。
阅读全文