van-calendar 组件 限制周六日等处理

47 篇文章 0 订阅

<van-calendar title=“请选择预约日期” color="#61A3F2" v-model=“show” type=“single” :min-date=“minDate” first-day-of-week=“1”
:max-date=“maxDate” @confirm=“timeConfirm” :formatter=“formatter”/>

        data() {
    return {
      servItemCname: '',
      weekendCode:['S004'], // 需要限制周末的权益项目
      minDate: new Date(),
      maxDate: new Date(),
      currentDate: new Date(),
      show: false,
      }
  },
  created() {
    this.minDate = new Date(date(new Date(), 'yyyy-MM-dd', { d: +2 }))
    this.maxDate = new Date(date(new Date(), 'yyyy-MM-dd', { M: +1 }))
}
timeConfirm(val) {
  console.log(val)
  this.reserveDate = date(val, "yyyy-MM-dd"); // date是自己封装的处理方法
  this.show = false;
},
onCancel() {
  this.show = false;
  this.show1 = false;
},
selecttime() {
  this.show = true;
},
formatter(day){ // 日期选择组件处理周六日不可选
// console.log(day,this.weekendCode.includes(this.servItemCode))
  // 只有年检限制周六日全天不可选
    let week = day.date.getDay()
    if((week == 0 || week == 6) && this.weekendCode.includes(this.servItemCode)){
        day.type = 'disabled'
    }
    return day
},
/**
 * 日期格式转换函数
 * @param  {String|Date} dateStr 日期时间对象或字符串
 * @param  {String} [format] 输出格式,yyyy-MM-dd hh:mm:ss
 * @param  {Object} [options] 时间偏移对象,可选 {y,M,d,h,m,s}
 * @param {Number} options.y 年偏移量,+增加, -减少
 * @param {Number} options.M 月偏移量,+增加, -减少
 * @param {Number} options.d 日偏移量,+增加, -减少
 * @param {Number} options.h 时偏移量,+增加, -减少
 * @param {Number} options.m 分偏移量,+增加, -减少
 * @param {Number} options.s 秒偏移量,+增加, -减少
 * @returns {String|Date} 如不传递format,即返回Date类型
 *
 * @example
 * // 当前时间减少一天, 并转换格式
 *  date(new Date(), 'yyyy-MM-dd', {d: -1})
 */
export default function date (dateStr, format, options) {
  if (!dateStr) {
    return (new Date())
  }
  let obj = typeof dateStr === 'string' ? new Date(dateStr.replace(/-/g, '/')) : dateStr
  const setting = {
    y: 0, // 年
    M: 0, // 月
    d: 0, // 日
    h: 0, // 时
    m: 0, // 分
    s: 0 // 秒
  }
  Object.assign(setting, options || {})

  obj = new Date(setting.y + obj.getFullYear(),
    setting.M + obj.getMonth(),
    setting.d + obj.getDate(),
    setting.h + obj.getHours(),
    setting.m + obj.getMinutes(),
    setting.s + obj.getSeconds())
  let o = {
    'M+': obj.getMonth() + 1,
    'd+': obj.getDate(),
    'h+': obj.getHours(),
    'm+': obj.getMinutes(),
    's+': obj.getSeconds(),
    'q+': Math.floor((obj.getMonth() + 3) / 3),
    'S': obj.getMilliseconds()
  }
  if (format) {
    if (/(y+)/.test(format)) {
      format = format.replace(RegExp.$1,
        RegExp.$1.length === 4 ? obj.getFullYear() : (obj.getFullYear() + '').substr(4 - RegExp.$1.length))
    }
    for (var k in o) {
      if (new RegExp('(' + k + ')').test(format)) {
        format = format.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length))
      }
    }
    return format
  } else {
    return obj
  }
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值