Set color/event for dates and multi selection/range selection on DatePicker/Calendar component
-
I want to set colors/bg-color/events for dates when initialize the calendar (ex: 1-1-2017 is red, 21-1-2017 is blue) and multi selection or range selection dates on DatePicker/Calendar. Could you please guide me how to config or implement them ??
-
What I suggest is adding a special CSS class (that you write on your app) on the calendar binded on a computed value that takes into account calendar’s model. Let me know if you need further details although I think this should be easy.
-
Hi @rstoenescu
I need 1 date picker to select date range as from -> to or multi select. It is similar with this link http://tamble.github.io/jquery-ui-daterangepicker/
How to customize the date picker to select date range or multi select ? I found the external component have multi select but it is missing date range select https://github.com/hilongjw/vue-datepicker. -
-
It is 2 date picker for 2 input, I just want 1 calendar with date range selection for 2 readable input
-
You mean two inputs and when clicked either one to display one calendar on a popover with a possible range selection? If that is the case this is not available, and also very hard to make such a solution responsive…
-
@rstoenescu
I just need a icon, click event to display inline date picker as the calendar and I can select range date to binding with the model, then I display the rang date as label with date format -
@hata Sorry, I’m not following you. Can you explain again, please?
-
@rstoenescu
I just need a inline calendar that can select range date to binding with the model -
Check range example (last on this exact page): http://quasar-framework.org/quasar-play/android/index.html#/showcase/form/datetime/inline
And source https://github.com/quasarframework/quasar-play/blob/master/src/components/showcase/form/datetime/inline.vueThis is available on the documentation website.
