Date picker

4 replies · opened Dec 25, 2020

SsguvenDec 25, 2020

Do you have a detailed documentation for the date time pickers? What I need to do is to disable a set of days for a given month and highlight them with say red. And I want to enable some days and highlight them with green for example. But these enabling and disabling doesn’t depend on days of the week, like Sunday. I am trying to create an appointment calendar and show the available days and unavailable days on a given month. How is this possible with the datetime picker you provide?
Thanks!

SSemicolon WebSTAFFDec 25, 2020

Hello,

Please consider checking out this Documentation: https://bootstrap-datepicker.readthedocs.io/en/stable/options.html#datesdisabled to Disable and Enable the Dates according to your needs.

You can set the Background Colors for the Dates using the CSS Classes:
[ch_pre]
.datepicker-days .day:not(.new) {
background-color: green;
}

.datepicker-days .day.disabled {
background-color: red;
}
[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SsguvenDec 26, 2020

Thanks!

And do you also have the documentation for the timepicker?

SSemicolon WebSTAFFDec 26, 2020

Hello,

Please consider checking this: https://getdatepicker.com/5-4/Options/ .

Apologies. We are in the process of Adding these Links to Our Documentations and they will be available shortly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SsguvenDec 26, 2020

Thank you for the quick response!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard