<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
}
}