Angular datetime picker with specified date/time range
up vote
0
down vote
favorite
I'm currently building a application for a screen-repair service i'm organizing at my university. With the online tool users can schedule an appointment to get their device repaired.
For the schedule process i'm looking for a Angular date-timepicker component that can accept the following options:
Users should be able to pick weekdays only
Should be only allowed to pick times between 9:00 - 16:00. Each repair should take about 30 minutes, so appointments should only be made on XX:30 / XX:00 and should always last 30 minutes.
If possible asynchronously get current appointments from firebase and disable those XX:30 timespans in the UI
I've been looking around for datetime-pickers, but wasn't able to find any that could follow the first 2 criteria. Therefor i'm asking here if anyone has been working with one that accepts (at least the first 2 criteria) these options.
Thanks in advance!
angular datetimepicker
asked Nov 11 at 10:36
Uberfume
83
add a comment |
up vote
0
down vote
favorite
I'm currently building a application for a screen-repair service i'm organizing at my university. With the online tool users can schedule an appointment to get their device repaired.
For the schedule process i'm looking for a Angular date-timepicker component that can accept the following options:
Users should be able to pick weekdays only
Should be only allowed to pick times between 9:00 - 16:00. Each repair should take about 30 minutes, so appointments should only be made on XX:30 / XX:00 and should always last 30 minutes.
If possible asynchronously get current appointments from firebase and disable those XX:30 timespans in the UI
I've been looking around for datetime-pickers, but wasn't able to find any that could follow the first 2 criteria. Therefor i'm asking here if anyone has been working with one that accepts (at least the first 2 criteria) these options.
Thanks in advance!
angular datetimepicker
asked Nov 11 at 10:36
Uberfume
83
Did you had a look at Angular Material datepicker? material.angular.io/components/datepicker/overview
– NicuVlad
Nov 11 at 10:48
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm currently building a application for a screen-repair service i'm organizing at my university. With the online tool users can schedule an appointment to get their device repaired.
For the schedule process i'm looking for a Angular date-timepicker component that can accept the following options:
Users should be able to pick weekdays only
Should be only allowed to pick times between 9:00 - 16:00. Each repair should take about 30 minutes, so appointments should only be made on XX:30 / XX:00 and should always last 30 minutes.
If possible asynchronously get current appointments from firebase and disable those XX:30 timespans in the UI
I've been looking around for datetime-pickers, but wasn't able to find any that could follow the first 2 criteria. Therefor i'm asking here if anyone has been working with one that accepts (at least the first 2 criteria) these options.
Thanks in advance!
angular datetimepicker
asked Nov 11 at 10:36
Uberfume
83
I'm currently building a application for a screen-repair service i'm organizing at my university. With the online tool users can schedule an appointment to get their device repaired.
For the schedule process i'm looking for a Angular date-timepicker component that can accept the following options:
Users should be able to pick weekdays only
Should be only allowed to pick times between 9:00 - 16:00. Each repair should take about 30 minutes, so appointments should only be made on XX:30 / XX:00 and should always last 30 minutes.
If possible asynchronously get current appointments from firebase and disable those XX:30 timespans in the UI
I've been looking around for datetime-pickers, but wasn't able to find any that could follow the first 2 criteria. Therefor i'm asking here if anyone has been working with one that accepts (at least the first 2 criteria) these options.
Thanks in advance!
angular datetimepicker
angular datetimepicker
asked Nov 11 at 10:36
Uberfume
83
asked Nov 11 at 10:36
Uberfume
83
asked Nov 11 at 10:36
Uberfume
83
asked Nov 11 at 10:36
Uberfume
83
asked Nov 11 at 10:36
Uberfume
83
83
Did you had a look at Angular Material datepicker? material.angular.io/components/datepicker/overview
– NicuVlad
Nov 11 at 10:48
add a comment |
Did you had a look at Angular Material datepicker? material.angular.io/components/datepicker/overview
– NicuVlad
Nov 11 at 10:48
Did you had a look at Angular Material datepicker? material.angular.io/components/datepicker/overview
– NicuVlad
Nov 11 at 10:48
Did you had a look at Angular Material datepicker? material.angular.io/components/datepicker/overview
– NicuVlad
Nov 11 at 10:48
add a comment |
2 Answers
2
active
oldest
votes
up vote
0
down vote
You can use npm package manager It gives plenty of options to disable dates on weekends and so on :
https://www.npmjs.com/package/ng-pick-datetime
answered Nov 11 at 10:42
Aravind Bhat K
264213
Seems about good for the first 2 criteria. I'll give it a try now shortly
– Uberfume
Nov 11 at 10:50
add a comment |
up vote
0
down vote
You can use Angular Material datepicker.
To implement the requirements from the points 1 and 2 please check this answer.
answered Nov 11 at 10:51
NicuVlad
176111
The material datepicker still doesn't support to pick time as far as i see from the documentation
– Uberfume
Nov 11 at 11:42
add a comment |
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
You can use npm package manager It gives plenty of options to disable dates on weekends and so on :
https://www.npmjs.com/package/ng-pick-datetime
answered Nov 11 at 10:42
Aravind Bhat K
264213
Seems about good for the first 2 criteria. I'll give it a try now shortly
– Uberfume
Nov 11 at 10:50
add a comment |
up vote
0
down vote
You can use npm package manager It gives plenty of options to disable dates on weekends and so on :
https://www.npmjs.com/package/ng-pick-datetime
answered Nov 11 at 10:42
Aravind Bhat K
264213
Seems about good for the first 2 criteria. I'll give it a try now shortly
– Uberfume
Nov 11 at 10:50
add a comment |
up vote
0
down vote
up vote
0
down vote
You can use npm package manager It gives plenty of options to disable dates on weekends and so on :
https://www.npmjs.com/package/ng-pick-datetime
answered Nov 11 at 10:42
Aravind Bhat K
264213
You can use npm package manager It gives plenty of options to disable dates on weekends and so on :
https://www.npmjs.com/package/ng-pick-datetime
answered Nov 11 at 10:42
Aravind Bhat K
264213
answered Nov 11 at 10:42
Aravind Bhat K
264213
answered Nov 11 at 10:42
Aravind Bhat K
264213
answered Nov 11 at 10:42
Aravind Bhat K
264213
264213
Seems about good for the first 2 criteria. I'll give it a try now shortly
– Uberfume
Nov 11 at 10:50
add a comment |
Seems about good for the first 2 criteria. I'll give it a try now shortly
– Uberfume
Nov 11 at 10:50
Seems about good for the first 2 criteria. I'll give it a try now shortly
– Uberfume
Nov 11 at 10:50
Seems about good for the first 2 criteria. I'll give it a try now shortly
– Uberfume
Nov 11 at 10:50
add a comment |
up vote
0
down vote
You can use Angular Material datepicker.
To implement the requirements from the points 1 and 2 please check this answer.
answered Nov 11 at 10:51
NicuVlad
176111
The material datepicker still doesn't support to pick time as far as i see from the documentation
– Uberfume
Nov 11 at 11:42
add a comment |
up vote
0
down vote
You can use Angular Material datepicker.
To implement the requirements from the points 1 and 2 please check this answer.
answered Nov 11 at 10:51
NicuVlad
176111
The material datepicker still doesn't support to pick time as far as i see from the documentation
– Uberfume
Nov 11 at 11:42
add a comment |
up vote
0
down vote
up vote
0
down vote
You can use Angular Material datepicker.
To implement the requirements from the points 1 and 2 please check this answer.
answered Nov 11 at 10:51
NicuVlad
176111
You can use Angular Material datepicker.
To implement the requirements from the points 1 and 2 please check this answer.
answered Nov 11 at 10:51
NicuVlad
176111
answered Nov 11 at 10:51
NicuVlad
176111
answered Nov 11 at 10:51
NicuVlad
176111
answered Nov 11 at 10:51
NicuVlad
176111
176111
The material datepicker still doesn't support to pick time as far as i see from the documentation
– Uberfume
Nov 11 at 11:42
add a comment |
The material datepicker still doesn't support to pick time as far as i see from the documentation
– Uberfume
Nov 11 at 11:42
The material datepicker still doesn't support to pick time as far as i see from the documentation
– Uberfume
Nov 11 at 11:42
The material datepicker still doesn't support to pick time as far as i see from the documentation
– Uberfume
Nov 11 at 11:42
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53247892%2fangular-datetime-picker-with-specified-date-time-range%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
Did you had a look at Angular Material datepicker? material.angular.io/components/datepicker/overview
– NicuVlad
Nov 11 at 10:48