更新记录
1.0.0(2026-02-02)
1.0.0:第一次上传
平台兼容性
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| √ | √ | √ |
1.下载zip包,把这个放在组件里面
2.引入这个组件,然后传入要选择的时间范围,看以下代码
<timepicker v-model="showCalendar" :maxDate="maxDate" :addOrRemoveData="addOrRemoveData" mode="range"
@change="changeDate"></timepicker>
iniTime() {
let startTime = this.$moment().format('YYYY-MM-DD')
let endTime = this.$moment().add(1, 'days').format('YYYY-MM-DD')
this.addOrRemoveData.push(startTime)
this.addOrRemoveData.push(endTime)
let maxTime = this.$moment().add(180, 'days').format('YYYY-MM-DD')
this.maxDate = maxTime
let month = startTime.slice(5, 7) - 0
let date = startTime.slice(8) - 0
this.entryTime = month + '月' + date + '日'
let dayy = date - 0 + 1
this.leveTime = month + '月' + dayy + '日'
this.getTime()
},
// 获取选中的日期 changeDate(data) { this.startDate = data.startDate this.endDate = data.endDate if (this.startDate == this.endDate) { return } let monthOne = this.startDate.slice(5, 7) - 0 let dateOne = this.startDate.slice(8) - 0 let monthTwo = this.endDate.slice(5, 7) - 0 let dateTwo = this.endDate.slice(8) - 0 this.entryTime = monthOne + '月' + dateOne + '日' this.leveTime = monthTwo + '月' + dateTwo + '日' this.addOrRemoveData.length = 0 this.addOrRemoveData.push(data.startDate) this.addOrRemoveData.push(data.endDate) this.getTime() setTimeout(() => { this.showCalendar = false }, 500) },

收藏人数:
购买普通授权版(
试用
赞赏(1)
下载 0
赞赏 1
下载 11202254
赞赏 1856
赞赏
京公网安备:11010802035340号