64 lines
1.4 KiB
JavaScript
64 lines
1.4 KiB
JavaScript
|
Component({
|
||
|
|
data: {
|
||
|
|
type: 'single',
|
||
|
|
visible: false,
|
||
|
|
value: new Date(2022, 1, 18).getTime(),
|
||
|
|
singleValue: new Date(2022, 1, 18).getTime(),
|
||
|
|
minDate: new Date(2022, 1, 1).getTime(),
|
||
|
|
maxDate: new Date(2022, 2, 15).getTime(),
|
||
|
|
singleFormat(day) {
|
||
|
|
day.suffix = '¥60';
|
||
|
|
return day;
|
||
|
|
},
|
||
|
|
format(day) {
|
||
|
|
const { date } = day;
|
||
|
|
const year = date.getFullYear();
|
||
|
|
const month = date.getMonth() + 1;
|
||
|
|
const curDate = date.getDate();
|
||
|
|
|
||
|
|
day.suffix = '¥60';
|
||
|
|
|
||
|
|
if (year === 2022) {
|
||
|
|
if (month === 2) {
|
||
|
|
const map = {
|
||
|
|
1: '初一',
|
||
|
|
2: '初二',
|
||
|
|
3: '初三',
|
||
|
|
14: '情人节',
|
||
|
|
15: '元宵节',
|
||
|
|
};
|
||
|
|
if (curDate in map) {
|
||
|
|
day.prefix = map[curDate];
|
||
|
|
day.suffix = '¥100';
|
||
|
|
day.className = 'is-holiday';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return day;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleCalendar(e) {
|
||
|
|
const { type } = e.currentTarget.dataset;
|
||
|
|
this.setData({ type, visible: true });
|
||
|
|
},
|
||
|
|
|
||
|
|
handleConfirm(e) {
|
||
|
|
const { type } = e.currentTarget.dataset;
|
||
|
|
const { value } = e.detail;
|
||
|
|
|
||
|
|
if (type === 'single') {
|
||
|
|
this.setData({
|
||
|
|
singleValue: value,
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
this.setData({
|
||
|
|
value,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
console.log(e.detail.value);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|