NO LONGER MAINTAINED: Please migrate to http://chat.vuejs.org/ for the new and improved community chat
/**
* filteredDates
* @date 2020-11-29
* @param {String} start - expects Date Object.
* @param {String} end - expects Date Object.
* @returns {Array} - returns filtered Array.
*/
filteredDates(start, end) {
const fullRange = getDatesBetweenRange(start, end);
console.log(fullRange);
const disabledDates = [];
const datesWithoutWeekend = [];
let clearedArray = [];
// convert the date-strings to actual Date() so we can
// compare them
[...this.holidays].forEach((date) => {
disabledDates.push(convertDateStringToDate(date));
});
// check for weekends
[...fullRange].forEach((date) => {
console.log('filteredDates ', date);
if (!date.getDay() === 6 || !date.getDay() === 0) {
datesWithoutWeekend.push(date);
}
});
// filter disabled Dates
[...datesWithoutWeekend].forEach((date) => {
clearedArray = datesWithoutWeekend.filter((date) => !disabledDates.includes(date));
});
console.log('clearedArray:\n', clearedArray);
return clearedArray;
},thank you very much for your reply.
I have the following situation:
I have to create a "vacation-request" calendar, where a user can either select a single date or a date-range. Weekends should be disabled and also public holidays (which I get from API)
Since I am using vue-functional-datepicker for now; when I select a date-range I have the start- and end-date available, but I have to manually check whether the days in between that range are possible selections or not. Therefore I created some functions which help me sorting that out, so when I send the request to the db, only the days allowed get send.
getDatesBetweenRange(startDate, endDate) {
let dates = [];
// to avoid modifying the original date
const theDate = new Date(startDate);
const disabledDates = this.holidaysConverted;
const filteredArray = []; // array which will hold output of filtered dates
/* eslint no-unmodified-loop-condition: "off" */
while (theDate < endDate) {
// filter weekends out of array
if (theDate.getDay() === 6 || theDate.getDay() === 0) {
} else {
dates = [...dates, new Date(theDate)];
}
theDate.setDate(theDate.getDate() + 1);
}
dates = [...dates, endDate];
[...dates].forEach((date) => {
// filter holidays out of our array
for (let i = 0; i < disabledDates.length; ++i) {
if (date.getTime() !== disabledDates[i].getTime()) {
filteredArray.push(date);
} else {
console.log(
'appears in disabledDates:\n',
date,
disabledDates[i],
date.getTime() === disabledDates[i].getTime()
);
}
}
});
console.log('filteredArray\n', filteredArray);
return filteredArray;
},
https://feiertage-api.de/
router.options.scrollBehavior = function(to, from , savedPosition) {
if (savedPosition) {
return savedPosition;
}
if (to.hash) {
return {selector: to.hash};
}
return {x: 0, y: 0}
}
Greetings everyone!!!
I'm relatively new to vue and I'm jumping into a project that was already started by somebody else who's no longer in the company I work for. This person created two vue projects, one of the projects (let's call it project A) uses the second project (project B) as a module... in project B import paths are defined using "@" (import SomeComponent from "@/components/SomeComponent.vue";).
When importing in project A a component from the module (project B) the components imports are trying to find its dependencies from the root of project A instead of inside it's own root. Is there a way to fix this that doesn't involve changing project B's imports to use relative paths (../)?
const remainingGrid = this.grid.find(grid1 => !grid1.isOpen && !grid1.hasFlag);
console.log(remainingGrid);
if (!remainingGrid) {
this.finished = true;
this.won = true;
this.start123 = false;
console.log(123);
}
