326 lines
13 KiB
JavaScript
326 lines
13 KiB
JavaScript
"use strict";
|
||
Object.defineProperty(exports, "__esModule", { value: true });
|
||
exports.ECalendarSelectMode = void 0;
|
||
var tslib_1 = require("tslib");
|
||
var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
|
||
var calendar_1 = tslib_1.__importDefault(require("./calendar"));
|
||
var ECalendarSelectMode;
|
||
(function (ECalendarSelectMode) {
|
||
ECalendarSelectMode["single"] = "single";
|
||
ECalendarSelectMode["range"] = "range";
|
||
})(ECalendarSelectMode = exports.ECalendarSelectMode || (exports.ECalendarSelectMode = {}));
|
||
var Calendar = /** @class */ (function () {
|
||
function Calendar(params) {
|
||
var min = params.min, max = params.max, _a = params.disableDates, disableDates = _a === void 0 ? [] : _a, selectionMode = params.selectionMode, customDateList = params.customDateList, defaultValue = params.defaultValue, defaultRange = params.defaultRange, showlunar = params.showlunar;
|
||
if (!min || !max) {
|
||
min = (0, dayjs_1.default)().date(1).format("YYYY-MM-DD");
|
||
max = (0, dayjs_1.default)().add(1, 'M').date(1).subtract(1, 'd').format("YYYY-MM-DD");
|
||
}
|
||
this.showlunar = showlunar;
|
||
this.calendarList = [];
|
||
this.customDateList = customDateList;
|
||
this.showToday = true;
|
||
this.selectionMode = selectionMode;
|
||
// 范围开始
|
||
this.min = min;
|
||
// 范围结束
|
||
this.max = max;
|
||
// 禁止日期列表
|
||
this.disableDates = disableDates;
|
||
this.selectEndDate = null;
|
||
this.selectStartDate = null;
|
||
this.selectDateList = [];
|
||
if (selectionMode === ECalendarSelectMode.range && (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.length) === 2) {
|
||
this.selectStartDate = (0, dayjs_1.default)(defaultRange[0]);
|
||
this.selectEndDate = (0, dayjs_1.default)(defaultRange[1]);
|
||
this.selectDateList = this.getSelectDateList(defaultRange[0], defaultRange[1]);
|
||
}
|
||
else if (selectionMode === ECalendarSelectMode.single && defaultValue) {
|
||
this.selectStartDate = (0, dayjs_1.default)(defaultValue);
|
||
}
|
||
}
|
||
Calendar.prototype.updateStartEndDate = function (start, end) {
|
||
if (!start || !end)
|
||
return;
|
||
this.min = start;
|
||
this.max = end;
|
||
};
|
||
Calendar.prototype.updateSelectDate = function (start, end) {
|
||
this.selectStartDate = start;
|
||
this.selectEndDate = end;
|
||
this.selectDateList = this.getSelectDateList(start, end);
|
||
};
|
||
Calendar.prototype.updateDisableDates = function (dates) {
|
||
this.disableDates = dates;
|
||
};
|
||
Calendar.prototype.updateCustomDateList = function (dates) {
|
||
this.customDateList = dates;
|
||
};
|
||
Calendar.prototype.getSelectDateList = function (start, end) {
|
||
if (!start || !end) {
|
||
return [];
|
||
}
|
||
var list = this.getRangeAllDates(start, end);
|
||
return list;
|
||
};
|
||
/**
|
||
* 获取日期范围内所有日期
|
||
* @param {Object} begin
|
||
* @param {Object} end
|
||
*/
|
||
Calendar.prototype.getRangeAllDates = function (begin, end) {
|
||
begin = (0, dayjs_1.default)(begin, "YYYY-MM-DD");
|
||
end = (0, dayjs_1.default)(end, "YYYY-MM-DD");
|
||
var dates = [];
|
||
while (!(0, dayjs_1.default)(begin).isAfter(end, 'dates')) {
|
||
dates.push(begin.format("YYYY-MM-DD"));
|
||
begin = begin.add(1, 'day');
|
||
}
|
||
return dates;
|
||
};
|
||
Calendar.prototype.calculateCalendarList = function () {
|
||
var _a = this, min = _a.min, max = _a.max;
|
||
var calendarList = [];
|
||
var posDateStr = (0, dayjs_1.default)(min).format('YYYY-MM-01');
|
||
while (!(0, dayjs_1.default)(posDateStr).isAfter((0, dayjs_1.default)(max), 'dates')) {
|
||
this.setDate(posDateStr);
|
||
var entry = {
|
||
monthStartDate: (0, dayjs_1.default)(posDateStr).format('YYYY-MM-01'),
|
||
monthDisplay: (0, dayjs_1.default)(posDateStr).format('YYYY年MM月'),
|
||
weeks: this._getWeekList(posDateStr).weeks,
|
||
};
|
||
calendarList.push(entry);
|
||
posDateStr = (0, dayjs_1.default)(posDateStr)
|
||
.add(1, 'month')
|
||
.format('YYYY-MM-01');
|
||
}
|
||
this.calendarList = calendarList;
|
||
};
|
||
/**
|
||
* 设置日期
|
||
* @param {Object} date
|
||
*/
|
||
Calendar.prototype.setDate = function (date) {
|
||
this._getWeekList(date);
|
||
};
|
||
Calendar.prototype.getDateInfo = function (date, days, str) {
|
||
if (days === void 0) { days = 0; }
|
||
if (str === void 0) { str = 'day'; }
|
||
if (!date) {
|
||
date = new Date();
|
||
}
|
||
if (typeof date !== 'object') {
|
||
date = date.replace(/-/g, '/');
|
||
}
|
||
var dd = new Date(date);
|
||
switch (str) {
|
||
case 'day':
|
||
dd.setDate(dd.getDate() + days); // 获取days天后的日期
|
||
break;
|
||
case 'month':
|
||
if (dd.getDate() === 31) {
|
||
dd.setDate(dd.getDate() + days);
|
||
}
|
||
else {
|
||
dd.setMonth(dd.getMonth() + days); // 获取days天后的日期
|
||
}
|
||
break;
|
||
case 'year':
|
||
dd.setFullYear(dd.getFullYear() + days); // 获取days天后的日期
|
||
break;
|
||
}
|
||
var y = dd.getFullYear();
|
||
var m = dd.getMonth() + 1 < 10 ? "0".concat(dd.getMonth() + 1) : dd.getMonth() + 1; // 获取当前月份的日期，不足10补0
|
||
var d = dd.getDate() < 10 ? "0".concat(dd.getDate()) : dd.getDate(); // 获取当前几号，不足10补0
|
||
return {
|
||
fullDate: "".concat(y, "-").concat(m, "-").concat(d),
|
||
year: y,
|
||
month: m,
|
||
date: d,
|
||
day: dd.getDay()
|
||
};
|
||
};
|
||
Calendar.prototype._getWeekList = function (date) {
|
||
var displayInfo = this.getDateInfo(date);
|
||
var year = displayInfo.year, month = displayInfo.month;
|
||
var firstDay = new Date(+year, +month - 1, 0).getDay();
|
||
var curMonthDays = new Date(+year, +month, 0).getDate();
|
||
var dates = {
|
||
lastMonthDays: this._getLastMonthDays(firstDay, displayInfo),
|
||
currentMonthDays: this._currentMonthDays(curMonthDays, displayInfo),
|
||
nextMonthDays: [],
|
||
weeks: []
|
||
};
|
||
var calender = [];
|
||
var surplus = (dates.lastMonthDays.length + dates.currentMonthDays.length) % 7;
|
||
if (surplus) {
|
||
surplus = 7 - surplus;
|
||
}
|
||
dates.nextMonthDays = this._getNextMonthDays(surplus, displayInfo);
|
||
calender = calender.concat(dates.lastMonthDays, dates.currentMonthDays, dates.nextMonthDays);
|
||
var weeks = [];
|
||
// 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天
|
||
for (var i = 0; i < calender.length; i++) {
|
||
if (i % 7 === 0) {
|
||
weeks[parseInt("".concat(i / 7))] = new Array(7);
|
||
}
|
||
weeks[parseInt("".concat(i / 7))][i % 7] = calender[i];
|
||
}
|
||
weeks.forEach(function (week) {
|
||
week.forEach(function (item, i) {
|
||
if (item.isRangeStart || item.isRangeEnd) {
|
||
item.showBorderRadiusLeft = true;
|
||
item.showBorderRadiusRight = true;
|
||
return;
|
||
}
|
||
if (i == 0 && item.isRangeArea) {
|
||
item.showBorderRadiusLeft = true;
|
||
}
|
||
else if (i == week.length - 1) {
|
||
item.showBorderRadiusRight = true;
|
||
}
|
||
});
|
||
});
|
||
return {
|
||
calender: calender,
|
||
weeks: weeks,
|
||
displayMonth: date
|
||
};
|
||
};
|
||
/**
|
||
* 获取上月剩余天数
|
||
*/
|
||
Calendar.prototype._getLastMonthDays = function (firstDay, full) {
|
||
var dateArr = [];
|
||
for (var i = firstDay; i > 0; i--) {
|
||
var posDate = new Date(full.year, full.month - 1, -i + 1);
|
||
var dateValue = posDate.getDate();
|
||
var dayValue = posDate.getDay();
|
||
dateArr.push({
|
||
year: full.year,
|
||
date: dateValue,
|
||
month: full.month - 1,
|
||
day: dayValue,
|
||
lunar: this.getlunar(full.year, full.month - 1, dateValue),
|
||
disable: true,
|
||
hide: true
|
||
});
|
||
}
|
||
return dateArr;
|
||
};
|
||
/**
|
||
* 计算阴历日期显示
|
||
*/
|
||
Calendar.prototype.getlunar = function (year, month, date) {
|
||
return calendar_1.default.solar2lunar(year, month, date);
|
||
};
|
||
/**
|
||
* 获取本月天数
|
||
*/
|
||
Calendar.prototype._currentMonthDays = function (daycount, full) {
|
||
var _this = this;
|
||
var _a;
|
||
var dateArr = [];
|
||
var nowFullDate = this.getDateInfo(undefined).fullDate;
|
||
var _loop_1 = function (i) {
|
||
var posDate = "".concat(full.year, "-").concat(full.month < 10 ? full.month : full.month, "-").concat(i < 10 ? '0' + i : i);
|
||
// 是否今天
|
||
var isToday = nowFullDate === posDate;
|
||
// 日期禁用
|
||
var beforeStartDate = this_1.min ? (0, dayjs_1.default)(posDate).isBefore(this_1.min, 'dates') : false;
|
||
var afterEndDate = this_1.max ? (0, dayjs_1.default)(posDate).isAfter(this_1.max, 'dates') : false;
|
||
var selectDateList = this_1.selectDateList;
|
||
var selectIndex = -1;
|
||
var checked = false;
|
||
var isRangeStart = false;
|
||
var isRangeEnd = false;
|
||
if (selectDateList && selectDateList.length > 0) {
|
||
selectIndex = selectDateList.findIndex(function (item) {
|
||
return _this.dateEqual(item, posDate);
|
||
});
|
||
}
|
||
if (selectIndex !== -1) {
|
||
checked = true;
|
||
}
|
||
if (selectDateList.length > 0) {
|
||
if (selectIndex === 0) {
|
||
isRangeStart = true;
|
||
}
|
||
if (selectIndex === selectDateList.length - 1) {
|
||
isRangeEnd = true;
|
||
}
|
||
}
|
||
else if (this_1.dateEqual(this_1.selectStartDate, posDate)) {
|
||
isRangeStart = true;
|
||
}
|
||
// 判断日期是否在禁用日期列表中
|
||
var disabled = this_1.disableDates.find(function (item) {
|
||
return _this.dateEqual(item, posDate);
|
||
});
|
||
var data = {
|
||
fullDate: posDate,
|
||
year: full.year,
|
||
day: (0, dayjs_1.default)(posDate).day(),
|
||
date: i,
|
||
month: full.month,
|
||
lunar: this_1.showlunar && this_1.getlunar(full.year, full.month, i),
|
||
disable: beforeStartDate || afterEndDate || !!disabled,
|
||
hide: false,
|
||
isToday: isToday,
|
||
isRangeArea: this_1.selectionMode === ECalendarSelectMode.range ? checked : false,
|
||
isRangeStart: isRangeStart,
|
||
isRangeEnd: isRangeEnd,
|
||
isSingleSelect: this_1.selectionMode === ECalendarSelectMode.single && isRangeStart,
|
||
showToday: false,
|
||
tag: null
|
||
};
|
||
// if (dayjs(posDate).isBefore(nowFullDate)) {
|
||
// data.disable = true
|
||
// }
|
||
if (isToday) {
|
||
data.showToday = this_1.showToday;
|
||
}
|
||
var tagItem = (_a = this_1.customDateList) === null || _a === void 0 ? void 0 : _a.find(function (item) {
|
||
return (0, dayjs_1.default)(item.date).format('YYYY-MM-DD') === posDate;
|
||
});
|
||
if (tagItem) {
|
||
data.tag = tagItem;
|
||
}
|
||
dateArr.push(data);
|
||
};
|
||
var this_1 = this;
|
||
for (var i = 1; i <= daycount; i++) {
|
||
_loop_1(i);
|
||
}
|
||
return dateArr;
|
||
};
|
||
/**
|
||
* 比较时间是否相等
|
||
*/
|
||
Calendar.prototype.dateEqual = function (before, after) {
|
||
before = (0, dayjs_1.default)(before, "YYYY-MM-DD");
|
||
after = (0, dayjs_1.default)(after, "YYYY-MM-DD");
|
||
return before.isSame(after, 'dates');
|
||
};
|
||
/**
|
||
* 获取下月天数
|
||
*/
|
||
Calendar.prototype._getNextMonthDays = function (surplus, full) {
|
||
var dateArr = [];
|
||
for (var i = 1; i < surplus + 1; i++) {
|
||
var month = Number(full.month) + 1;
|
||
var posDate = (0, dayjs_1.default)("".concat(full.year, "-").concat(month, "-").concat(i));
|
||
dateArr.push({
|
||
date: i,
|
||
day: posDate.day(),
|
||
month: month,
|
||
lunar: this.getlunar(full.year, Number(full.month) + 1, i),
|
||
disable: true,
|
||
hide: true
|
||
});
|
||
}
|
||
return dateArr;
|
||
};
|
||
return Calendar;
|
||
}());
|
||
exports.default = Calendar; |