Using matDatepickerFilter to filter dates for multiple views
I have an angular material datepicker on my app, for which I'm using the matDatepickerFilter:
<input matInput [matDatepicker]="myDatePicker" [matDatepickerFilter]="dateFilter.bind(this)">
On the dateFilter function, I'm checking if the date is available based on some criteria:
dateFilter(d: Date)
if (dateAvailable(d))
return true;
else
return false
The issue is that this same filter is being called for each day on each of the calendar views (month, year and multi-year). For example: changing from month view to multi-year view, triggers the filter 8766 times (one for each day, of each month, of each year).
This is taking a lot of time and performance, as it is checking each day on year or multi-year view, while checking only the year/month would be sufficient. But as matDatepickerFilter only support a date parameter, I can't differentiate which view is being currently filtered (also couldn't find anyway to get the current view).
How may I efficiently filter dates according to view?
I mean:
- On month view: filter by each day
- On year view: filter only by year/month
- On multi-year view: filter only by year
Thanks in advance!
angular angular-material asked Nov 15 '18 at 19:32
GCSDCGCSDC
744620
add a comment |
I have an angular material datepicker on my app, for which I'm using the matDatepickerFilter:
<input matInput [matDatepicker]="myDatePicker" [matDatepickerFilter]="dateFilter.bind(this)">
On the dateFilter function, I'm checking if the date is available based on some criteria:
dateFilter(d: Date)
if (dateAvailable(d))
return true;
else
return false
The issue is that this same filter is being called for each day on each of the calendar views (month, year and multi-year). For example: changing from month view to multi-year view, triggers the filter 8766 times (one for each day, of each month, of each year).
This is taking a lot of time and performance, as it is checking each day on year or multi-year view, while checking only the year/month would be sufficient. But as matDatepickerFilter only support a date parameter, I can't differentiate which view is being currently filtered (also couldn't find anyway to get the current view).
How may I efficiently filter dates according to view?
I mean:
- On month view: filter by each day
- On year view: filter only by year/month
- On multi-year view: filter only by year
Thanks in advance!
angular angular-material asked Nov 15 '18 at 19:32
GCSDCGCSDC
744620
add a comment |
I have an angular material datepicker on my app, for which I'm using the matDatepickerFilter:
<input matInput [matDatepicker]="myDatePicker" [matDatepickerFilter]="dateFilter.bind(this)">
On the dateFilter function, I'm checking if the date is available based on some criteria:
dateFilter(d: Date)
if (dateAvailable(d))
return true;
else
return false
The issue is that this same filter is being called for each day on each of the calendar views (month, year and multi-year). For example: changing from month view to multi-year view, triggers the filter 8766 times (one for each day, of each month, of each year).
This is taking a lot of time and performance, as it is checking each day on year or multi-year view, while checking only the year/month would be sufficient. But as matDatepickerFilter only support a date parameter, I can't differentiate which view is being currently filtered (also couldn't find anyway to get the current view).
How may I efficiently filter dates according to view?
I mean:
- On month view: filter by each day
- On year view: filter only by year/month
- On multi-year view: filter only by year
Thanks in advance!
angular angular-material asked Nov 15 '18 at 19:32
GCSDCGCSDC
744620
I have an angular material datepicker on my app, for which I'm using the matDatepickerFilter:
<input matInput [matDatepicker]="myDatePicker" [matDatepickerFilter]="dateFilter.bind(this)">
On the dateFilter function, I'm checking if the date is available based on some criteria:
dateFilter(d: Date)
if (dateAvailable(d))
return true;
else
return false
The issue is that this same filter is being called for each day on each of the calendar views (month, year and multi-year). For example: changing from month view to multi-year view, triggers the filter 8766 times (one for each day, of each month, of each year).
This is taking a lot of time and performance, as it is checking each day on year or multi-year view, while checking only the year/month would be sufficient. But as matDatepickerFilter only support a date parameter, I can't differentiate which view is being currently filtered (also couldn't find anyway to get the current view).
How may I efficiently filter dates according to view?
I mean:
- On month view: filter by each day
- On year view: filter only by year/month
- On multi-year view: filter only by year
Thanks in advance!
angular angular-material angular angular-material asked Nov 15 '18 at 19:32
GCSDCGCSDC
744620
asked Nov 15 '18 at 19:32
GCSDCGCSDC
744620
asked Nov 15 '18 at 19:32
GCSDCGCSDC
744620
asked Nov 15 '18 at 19:32
GCSDCGCSDC
744620
asked Nov 15 '18 at 19:32
GCSDCGCSDC
744620
744620
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53326730%2fusing-matdatepickerfilter-to-filter-dates-for-multiple-views%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53326730%2fusing-matdatepickerfilter-to-filter-dates-for-multiple-views%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
