This is a migrated thread and some comments may be shown as answers.

Datepicker to select values for multiselect

6 Answers 844 Views
MultiSelect
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 18 Mar 2014, 06:43 PM
I need the ability pick values for a multiselect but instead of the dropdown that gave you a list of values to pick from, I would like to let the user pick multiple dates using the datepicker calendar control.

So instead of the dropdown list that is part of the multiselect can we use a calendar datepicker instead?

If so, a quick example would be much appreciated.

Thanks
Jason

6 Answers, 1 is accepted

Sort by
0
Georgi Krustev
Telerik team
answered on 19 Mar 2014, 12:14 PM
Hello Jason,

The MultiSelect widget is designed to show a popup element with suggestions. It is not designed to show calendar element, as the DatePicker is the widget designed to allow picking of dates. If you need to allow multiple selection of dates, one possible solution is to bind a MultiSelect widget to a predefined list of dates and allow the end user to choose one or more of them. Other way to handle your requirement is to use DatePicker widget, which on selection fills a list of dates. When a date is selected, you get the selected date put it in a list and clear the datepicker value. Check the DatePicker docs for more information.

Regards,
Georgi Krustev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Kevin
Top achievements
Rank 1
answered on 28 May 2014, 10:59 AM
Hello,

I used the second solution that you have proposed above, because I would like to "bind" my DatePicker widget with a MultiSelect widget. Such that when you select a date with the DatePicker, this selected date will show within the MultiSelect.
After successfully this, now I would like that each data which are selected to the MultiSelect in some sorts are automatically selected, like when you select an item within a MultiSelect.

I hope that I have had clear in my description of the problem.

Best regard,

Kevin Quinton

(You can find in attach files an explication with more details of my problem )
0
Georgi Krustev
Telerik team
answered on 30 May 2014, 06:49 AM
Hello Kevin,

To add an item to the multiselect, you can use the insert method of the data source. Once the model is inserted, you can use the value method of the multiselect to select the new item.

Regards,
Georgi Krustev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Kevin
Top achievements
Rank 1
answered on 03 Jun 2014, 09:35 AM
Hello Georgi,

It works, indeed, value method answered perfectly to my problem !
Thank you very much for your precious advice.

Best regards,

Kevin Quinton
0
Bryan
Top achievements
Rank 1
answered on 16 May 2016, 10:07 AM
Hi

Is there a way to change the dates to use with month template of the date picker? Such that I go use this option you've suggested above. And have the dates that have been selected show up in red? Similar to the example at: http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker#configuration-dates

However I would like to be able to dynamically change the dates array. 

Thanks in advance
0
Georgi Krustev
Telerik team
answered on 17 May 2016, 07:18 AM
Hi,

The Kendo UI DatePicker widget (the Calendar in particular) supports only a single selection. I am afraid that there is not workaround that we can suggest for this missing feature. 

What I would suggest is to cast your vote for the same functionality in our UserVoice portal:
Regards,
Georgi Krustev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
MultiSelect
Asked by
Jason
Top achievements
Rank 1
Answers by
Georgi Krustev
Telerik team
Kevin
Top achievements
Rank 1
Bryan
Top achievements
Rank 1
Share this question
or