vue中有一个时间类型查询 要根据时间不同的时间类型查询来处理判断字段是否要'-'处理
时间: 2023-07-16 22:15:25 浏览: 45
可以使用 Moment.js 库来处理时间类型查询。假设你有一个时间字符串 `timeStr`,可以根据不同的时间类型查询来对其进行处理。例如,如果时间类型为年(year),则将年份加一后再加上'-12-31'作为结束时间;如果时间类型为月(month),则将月份加一后再加上'-01'作为开始时间,将月份加一后再加上'-01'再减去一天作为结束时间。
以下是一个示例代码:
```javascript
import moment from 'moment';
// timeStr为时间字符串,timeType为时间类型(year/month/day)
function handleTime(timeStr, timeType) {
let startDate = '';
let endDate = '';
switch (timeType) {
case 'year':
startDate = moment(timeStr).format('YYYY-01-01');
endDate = moment(timeStr).add(1, 'year').format('YYYY-12-31');
break;
case 'month':
startDate = moment(timeStr).format('YYYY-MM-01');
endDate = moment(timeStr).add(1, 'month').subtract(1, 'day').format('YYYY-MM-DD');
break;
case 'day':
startDate = endDate = moment(timeStr).format('YYYY-MM-DD');
break;
}
// 判断字段是否要'-'处理
if (startDate === endDate) {
return startDate;
} else {
return `${startDate}-${endDate}`;
}
}
```
这样,你就可以根据不同的时间类型查询来处理判断字段是否要'-'处理了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
图书管理 <label for="id"> 编号: </label> <input type="text" id="id" v-model='id' :disabled="flag"> <label for="name"> 名称: </label> <input type="text" id="name" v-model='name'> <button @click='handle'>提交</button> 编号 名称 时间 操作 {{item.id}} {{item.name}} {{item.date}} 修改 | 删除 用vue实现界面想要的图书信息的增加提交,删除,修改,同时id是唯一的,如果提交时id重复则将原来的数据替换掉,提交数据时增加一条提交时间的数据并显示在界面中
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)