123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282 |
- import fecha from 'element-ui/src/utils/date';
- import { t } from 'element-ui/src/locale';
- const weeks = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
- const months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
- const newArray = function(start, end) {
- let result = [];
- for (let i = start; i <= end; i++) {
- result.push(i);
- }
- return result;
- };
- export const getI18nSettings = () => {
- return {
- dayNamesShort: weeks.map(week => t(`el.datepicker.weeks.${ week }`)),
- dayNames: weeks.map(week => t(`el.datepicker.weeks.${ week }`)),
- monthNamesShort: months.map(month => t(`el.datepicker.months.${ month }`)),
- monthNames: months.map((month, index) => t(`el.datepicker.month${ index + 1 }`)),
- amPm: ['am', 'pm']
- };
- };
- export const toDate = function(date) {
- return isDate(date) ? new Date(date) : null;
- };
- export const isDate = function(date) {
- if (date === null || date === undefined) return false;
- if (isNaN(new Date(date).getTime())) return false;
- if (Array.isArray(date)) return false; // deal with `new Date([ new Date() ]) -> new Date()`
- return true;
- };
- export const isDateObject = function(val) {
- return val instanceof Date;
- };
- export const formatDate = function(date, format) {
- date = toDate(date);
- if (!date) return '';
- return fecha.format(date, format || 'yyyy-MM-dd', getI18nSettings());
- };
- export const parseDate = function(string, format) {
- return fecha.parse(string, format || 'yyyy-MM-dd', getI18nSettings());
- };
- export const getDayCountOfMonth = function(year, month) {
- if (isNaN(+month)) return 31;
- return new Date(year, +month + 1, 0).getDate();
- };
- export const getDayCountOfYear = function(year) {
- const isLeapYear = year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0);
- return isLeapYear ? 366 : 365;
- };
- export const getFirstDayOfMonth = function(date) {
- const temp = new Date(date.getTime());
- temp.setDate(1);
- return temp.getDay();
- };
- // see: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript
- // {prev, next} Date should work for Daylight Saving Time
- // Adding 24 * 60 * 60 * 1000 does not work in the above scenario
- export const prevDate = function(date, amount = 1) {
- return new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
- };
- export const nextDate = function(date, amount = 1) {
- return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
- };
- export const getStartDateOfMonth = function(year, month) {
- const result = new Date(year, month, 1);
- const day = result.getDay();
- if (day === 0) {
- return prevDate(result, 7);
- } else {
- return prevDate(result, day);
- }
- };
- export const getWeekNumber = function(src) {
- if (!isDate(src)) return null;
- const date = new Date(src.getTime());
- date.setHours(0, 0, 0, 0);
- // Thursday in current week decides the year.
- date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
- // January 4 is always in week 1.
- const week1 = new Date(date.getFullYear(), 0, 4);
- // Adjust to Thursday in week 1 and count number of weeks from date to week 1.
- // Rounding should be fine for Daylight Saving Time. Its shift should never be more than 12 hours.
- return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
- };
- export const getRangeHours = function(ranges) {
- const hours = [];
- let disabledHours = [];
- (ranges || []).forEach(range => {
- const value = range.map(date => date.getHours());
- disabledHours = disabledHours.concat(newArray(value[0], value[1]));
- });
- if (disabledHours.length) {
- for (let i = 0; i < 24; i++) {
- hours[i] = disabledHours.indexOf(i) === -1;
- }
- } else {
- for (let i = 0; i < 24; i++) {
- hours[i] = false;
- }
- }
- return hours;
- };
- export const getPrevMonthLastDays = (date, amount) => {
- if (amount <= 0) return [];
- const temp = new Date(date.getTime());
- temp.setDate(0);
- const lastDay = temp.getDate();
- return range(amount).map((_, index) => lastDay - (amount - index - 1));
- };
- export const getMonthDays = (date) => {
- const temp = new Date(date.getFullYear(), date.getMonth() + 1, 0);
- const days = temp.getDate();
- return range(days).map((_, index) => index + 1);
- };
- function setRangeData(arr, start, end, value) {
- for (let i = start; i < end; i++) {
- arr[i] = value;
- }
- }
- export const getRangeMinutes = function(ranges, hour) {
- const minutes = new Array(60);
- if (ranges.length > 0) {
- ranges.forEach(range => {
- const start = range[0];
- const end = range[1];
- const startHour = start.getHours();
- const startMinute = start.getMinutes();
- const endHour = end.getHours();
- const endMinute = end.getMinutes();
- if (startHour === hour && endHour !== hour) {
- setRangeData(minutes, startMinute, 60, true);
- } else if (startHour === hour && endHour === hour) {
- setRangeData(minutes, startMinute, endMinute + 1, true);
- } else if (startHour !== hour && endHour === hour) {
- setRangeData(minutes, 0, endMinute + 1, true);
- } else if (startHour < hour && endHour > hour) {
- setRangeData(minutes, 0, 60, true);
- }
- });
- } else {
- setRangeData(minutes, 0, 60, true);
- }
- return minutes;
- };
- export const range = function(n) {
- // see https://stackoverflow.com/questions/3746725/create-a-javascript-array-containing-1-n
- return Array.apply(null, {length: n}).map((_, n) => n);
- };
- export const modifyDate = function(date, y, m, d) {
- return new Date(y, m, d, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
- };
- export const modifyTime = function(date, h, m, s) {
- return new Date(date.getFullYear(), date.getMonth(), date.getDate(), h, m, s, date.getMilliseconds());
- };
- export const modifyWithTimeString = (date, time) => {
- if (date == null || !time) {
- return date;
- }
- time = parseDate(time, 'HH:mm:ss');
- return modifyTime(date, time.getHours(), time.getMinutes(), time.getSeconds());
- };
- export const clearTime = function(date) {
- return new Date(date.getFullYear(), date.getMonth(), date.getDate());
- };
- export const clearMilliseconds = function(date) {
- return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
- };
- export const limitTimeRange = function(date, ranges, format = 'HH:mm:ss') {
- // TODO: refactory a more elegant solution
- if (ranges.length === 0) return date;
- const normalizeDate = date => fecha.parse(fecha.format(date, format), format);
- const ndate = normalizeDate(date);
- const nranges = ranges.map(range => range.map(normalizeDate));
- if (nranges.some(nrange => ndate >= nrange[0] && ndate <= nrange[1])) return date;
- let minDate = nranges[0][0];
- let maxDate = nranges[0][0];
- nranges.forEach(nrange => {
- minDate = new Date(Math.min(nrange[0], minDate));
- maxDate = new Date(Math.max(nrange[1], minDate));
- });
- const ret = ndate < minDate ? minDate : maxDate;
- // preserve Year/Month/Date
- return modifyDate(
- ret,
- date.getFullYear(),
- date.getMonth(),
- date.getDate()
- );
- };
- export const timeWithinRange = function(date, selectableRange, format) {
- const limitedDate = limitTimeRange(date, selectableRange, format);
- return limitedDate.getTime() === date.getTime();
- };
- export const changeYearMonthAndClampDate = function(date, year, month) {
- // clamp date to the number of days in `year`, `month`
- // eg: (2010-1-31, 2010, 2) => 2010-2-28
- const monthDate = Math.min(date.getDate(), getDayCountOfMonth(year, month));
- return modifyDate(date, year, month, monthDate);
- };
- export const prevMonth = function(date) {
- const year = date.getFullYear();
- const month = date.getMonth();
- return month === 0
- ? changeYearMonthAndClampDate(date, year - 1, 11)
- : changeYearMonthAndClampDate(date, year, month - 1);
- };
- export const nextMonth = function(date) {
- const year = date.getFullYear();
- const month = date.getMonth();
- return month === 11
- ? changeYearMonthAndClampDate(date, year + 1, 0)
- : changeYearMonthAndClampDate(date, year, month + 1);
- };
- export const prevYear = function(date, amount = 1) {
- const year = date.getFullYear();
- const month = date.getMonth();
- return changeYearMonthAndClampDate(date, year - amount, month);
- };
- export const nextYear = function(date, amount = 1) {
- const year = date.getFullYear();
- const month = date.getMonth();
- return changeYearMonthAndClampDate(date, year + amount, month);
- };
- export const extractDateFormat = function(format) {
- return format
- .replace(/\W?m{1,2}|\W?ZZ/g, '')
- .replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '')
- .trim();
- };
- export const extractTimeFormat = function(format) {
- return format
- .replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, '')
- .trim();
- };
- export const validateRangeInOneMonth = function(start, end) {
- return (start.getMonth() === end.getMonth()) && (start.getFullYear() === end.getFullYear());
- };
|