uView日历控件(u-calendar)默认起止日期

  1. 找到uview对应的包,找到
    在这里插入图片描述
  2. 在这个文件中找到props中新增defaultStartDate、defaultEndDate属性
//默认开始日期
defaultStartDate:{
    type: String,
    default: ''
},
//默认结束日期
defaultEndDate:{
    type: String,
    default: ''
}

3.新增setDate,formatNumReverse函数

setDate(startDate, endDate = null) {
            const defaultStartDateArr = startDate.split('-')
            this.startYear = defaultStartDateArr[0]
            this.startMonth = this.formatNumReverse(defaultStartDateArr[1])
            this.startDay = this.formatNumReverse(defaultStartDateArr[2])
            this.startDate = this.activeDate = `${this.startYear}-${this.startMonth}-${this.startDay}`
            if (endDate) {
                const defaultEndDateArr = endDate.split('-')
                this.endYear = defaultEndDateArr[0]
                this.endMonth = this.formatNumReverse(defaultEndDateArr[1])
                this.endDay = this.formatNumReverse(defaultEndDateArr[2])
                this.endDate = `${this.endYear}-${this.endMonth}-${this.endDay}`
            }
        }
        //反向格式化数字
formatNumReverse(num) {
    return num > 10 ? num : parseInt(num);
},

4.修改changeData方法

changeData() {
				this.days = this.getMonthDay(this.year, this.month);
				this.daysArr=this.generateArray(1,this.days)
				this.weekday = this.getWeekday(this.year, this.month);
				this.weekdayArr=this.generateArray(1,this.weekday)
				this.showTitle = `${this.year}年${this.month}`;
                //修复跨月问题
                if (this.defaultStartDate  && !this.startDate && !this.endDate) this.setDate(this.defaultStartDate, this.defaultEndDate)
				if (this.isChange && this.mode == 'date') {
					this.btnFix(true);
				}
			},

5.此时已经修改好了,只需要在你调用组件的时候加入

<u-calendar @change="filterDateChange" ref="calendar" :default-start-date="filterDate.start_date"
			:default-end-date="filterDate.end_date" safe-area-inset-bottom v-model="calendarShow" mode="range">
		</u-calendar>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

辉辉要奋斗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值