2022-09-16 12-14-06
Kishore Kumar
17Views
3Comments
Solved
Customized Calendar
Question
Mobile
Reactive
Logic
Traditional Web
Service
Application Type
Traditional Web, Mobile, Reactive, Service

Hi Guys, I'm trying to build my own customized calendar where I stuck with disabling the weekends (User cannot select weekend dates).
Pls suggest me some forge components if it is available or suggest some logical flows.
Thanks in advance..!

0
0
25 Sep
Solution

Hi Kishore,

We have done something very similar to what you are trying to do. 

You need to get the selected date 'onselect' action then use 'DayOfWeek' function to get the day you will get number as an output (for example Saturday is 6) accordingly you need to specify the is weekend variable and disable the weekend.

 

See solution in context
Weekend.PNG
Calender Working days.PNG
Logic.PNG
0
0
25 Sep

Thank you @Sanjay Baghel, will try this.

0
0
25 Sep
2020-01-24 05-26-13
Vikas Sharma
Champion

Hi Kishor,

why you want to create customize calendar when many are there.  If still you want to create calendar then I would suggest there are many JS calendars are there you can pick any one and all are opensource so can modify them as per your requirement. 

10 Best Open Source Free JavaScript Calendars :https://medevel.com/os-js-calendar/

regards

0
0
25 Sep
Solution

Hi Kishore,

We have done something very similar to what you are trying to do. 

You need to get the selected date 'onselect' action then use 'DayOfWeek' function to get the day you will get number as an output (for example Saturday is 6) accordingly you need to specify the is weekend variable and disable the weekend.

 

Weekend.PNG
Calender Working days.PNG
Logic.PNG
0
0
25 Sep

Thank you @Sanjay Baghel, will try this.

0
0
25 Sep
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.