日期选择框DatePicker踩坑总结
1 <a-range-picker
2 v-model="rangePickerDateFC"
3 :format="dateFormat"
4 @change="onChange"
5 />
1 import moment from 'moment'
2 export default {
3 name: 'OperationLog',
4 data () {
5 rangePickerDate: [],
6 },
7 mounted () {
this.rangeFC()
8 //默认格式是2021/08/10不是后端要的,就自己转换2021-08-10
9 this.rangePickerDate = [this.getCurrentDataFront().split('/').join('-'), this.getCurrentData().split('/').join('-')]
10 },
11 methods: {
12 moment,
// 默认值
rangeFC () {
this.rangePickerDateFC = []
this.rangePickerDateFC = [
moment(this.getCurrentDataFront(), this.dateFormat), //最重要的一句话
moment(this.getCurrentData(), this.dateFormat)
]
},
13 // 开始时间
14 getCurrentDataFront () {
15 let time = new Date((new Date() - 90 * 24 * 3600 * 1000)).toLocaleDateString()
16 return time
17 },
18 // 结束时间
19 getCurrentData () {
20 let time = new Date().toLocaleDateString()
21 return time
22 }, //重置
Reset () {
this.queryParam = {}
this.rangeFC()
},
23 }
24 }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异