@coreui/vue-pro
Version:
UI Components Library for Vue.js
217 lines (214 loc) • 7.22 kB
JavaScript
const convertIsoWeekToDate = (isoWeek) => {
const [year, week] = isoWeek.split(/w/i);
// Get date for 4th of January for year
const date = new Date(Number(year), 0, 4);
// Get previous Monday, add 7 days for each week after first
date.setDate(date.getDate() - (date.getDay() || 7) + 1 + (Number(week) - 1) * 7);
return date;
};
const convertToDateObject = (date, selectionType) => {
if (date instanceof Date) {
return date;
}
if (selectionType === 'week') {
return convertIsoWeekToDate(date);
}
return new Date(Date.parse(date));
};
const createGroupsInArray = (arr, numberOfGroups) => {
const perGroup = Math.ceil(arr.length / numberOfGroups);
return Array.from({ length: numberOfGroups })
.fill('')
.map((_, i) => arr.slice(i * perGroup, (i + 1) * perGroup));
};
const getCalendarDate = (calendarDate, order, view) => {
if (order !== 0 && view === 'days') {
return new Date(calendarDate.getFullYear(), calendarDate.getMonth() + order, 1);
}
if (order !== 0 && view === 'months') {
return new Date(calendarDate.getFullYear() + order, calendarDate.getMonth(), 1);
}
if (order !== 0 && view === 'years') {
return new Date(calendarDate.getFullYear() + 12 * order, calendarDate.getMonth(), 1);
}
return calendarDate;
};
const getDateBySelectionType = (date, selectionType) => {
if (date === null) {
return null;
}
if (selectionType === 'week') {
return `${date.getFullYear()}W${getWeekNumber(date)}`;
}
if (selectionType === 'month') {
const monthNumber = `0${date.getMonth() + 1}`.slice(-2);
return `${date.getFullYear()}-${monthNumber}`;
}
if (selectionType === 'year') {
return `${date.getFullYear()}`;
}
return date;
};
const getMonthsNames = (locale) => {
const months = [];
const d = new Date();
d.setDate(1);
for (let i = 0; i < 12; i++) {
d.setMonth(i);
months.push(d.toLocaleString(locale, { month: 'short' }));
}
return months;
};
const getYears = (year) => {
const years = [];
for (let _year = year - 6; _year < year + 6; _year++) {
years.push(_year);
}
return years;
};
const getLeadingDays = (year, month, firstDayOfWeek) => {
// 0: sunday
// 1: monday
const dates = [];
const d = new Date(year, month);
const y = d.getFullYear();
const m = d.getMonth();
const firstWeekday = new Date(y, m, 1).getDay();
let leadingDays = 6 - (6 - firstWeekday) - firstDayOfWeek;
if (firstDayOfWeek) {
leadingDays = leadingDays < 0 ? 7 + leadingDays : leadingDays;
}
for (let i = leadingDays * -1; i < 0; i++) {
dates.push({
date: new Date(y, m, i + 1),
month: 'previous',
});
}
return dates;
};
const getMonthDays = (year, month) => {
const dates = [];
const lastDay = new Date(year, month + 1, 0).getDate();
for (let i = 1; i <= lastDay; i++) {
dates.push({
date: new Date(year, month, i),
month: 'current',
});
}
return dates;
};
const getTrailingDays = (year, month, leadingDays, monthDays) => {
const dates = [];
const days = 42 - (leadingDays.length + monthDays.length);
for (let i = 1; i <= days; i++) {
dates.push({
date: new Date(year, month + 1, i),
month: 'next',
});
}
return dates;
};
const getWeekNumber = (date) => {
const week1 = new Date(date.getFullYear(), 0, 4);
return (1 +
Math.round(((date.getTime() - week1.getTime()) / 86_400_000 - 3 + ((week1.getDay() + 6) % 7)) / 7));
};
const getMonthDetails = (year, month, firstDayOfWeek) => {
const daysPrevMonth = getLeadingDays(year, month, firstDayOfWeek);
const daysThisMonth = getMonthDays(year, month);
const daysNextMonth = getTrailingDays(year, month, daysPrevMonth, daysThisMonth);
const days = [...daysPrevMonth, ...daysThisMonth, ...daysNextMonth];
const weeks = [];
days.forEach((day, index) => {
if (index % 7 === 0 || weeks.length === 0) {
weeks.push({
days: [],
});
}
if ((index + 1) % 7 === 0) {
weeks[weeks.length - 1].weekNumber = getWeekNumber(day.date);
}
weeks[weeks.length - 1].days.push(day);
});
return weeks;
};
const isDisableDateInRange = (startDate, endDate, dates) => {
if (startDate && endDate) {
const date = new Date(startDate);
let disabled = false;
while (date < endDate) {
date.setDate(date.getDate() + 1);
if (isDateDisabled(date, null, null, dates)) {
disabled = true;
break;
}
}
return disabled;
}
return false;
};
const isDateDisabled = (date, min, max, dates) => {
let disabled;
if (dates) {
dates.forEach((_date) => {
if (Array.isArray(_date) && isDateInRange(date, _date[0], _date[1])) {
disabled = true;
}
if (_date instanceof Date && isSameDateAs(date, _date)) {
disabled = true;
}
});
}
if (min && date < min) {
disabled = true;
}
if (max && date > max) {
disabled = true;
}
return disabled;
};
const isDateInRange = (date, start, end) => {
const _date = removeTimeFromDate(date);
const _start = start ? removeTimeFromDate(start) : null;
const _end = end ? removeTimeFromDate(end) : null;
return _start && _end && _start <= _date && _date <= _end;
};
const isDateSelected = (date, start, end) => {
return (start && isSameDateAs(start, date)) || (end && isSameDateAs(end, date));
};
const isSameDateAs = (date, date2) => {
if (date instanceof Date && date2 instanceof Date) {
return (date.getDate() === date2.getDate() &&
date.getMonth() === date2.getMonth() &&
date.getFullYear() === date2.getFullYear());
}
if (date === null && date2 === null) {
return true;
}
return false;
};
const isToday = (date) => {
const today = new Date();
return (date.getDate() === today.getDate() &&
date.getMonth() === today.getMonth() &&
date.getFullYear() === today.getFullYear());
};
const removeTimeFromDate = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
exports.convertIsoWeekToDate = convertIsoWeekToDate;
exports.convertToDateObject = convertToDateObject;
exports.createGroupsInArray = createGroupsInArray;
exports.getCalendarDate = getCalendarDate;
exports.getDateBySelectionType = getDateBySelectionType;
exports.getMonthDetails = getMonthDetails;
exports.getMonthsNames = getMonthsNames;
exports.getWeekNumber = getWeekNumber;
exports.getYears = getYears;
exports.isDateDisabled = isDateDisabled;
exports.isDateInRange = isDateInRange;
exports.isDateSelected = isDateSelected;
exports.isDisableDateInRange = isDisableDateInRange;
exports.isSameDateAs = isSameDateAs;
exports.isToday = isToday;
exports.removeTimeFromDate = removeTimeFromDate;
//# sourceMappingURL=utils.js.map
;