Datepicker to select values for multiselect

7 posts, 0 answers
  1. Jason
    Jason avatar
    44 posts
    Member since:
    Apr 2013

    Posted 18 Mar 2014 Link to this post

    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
  2. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3707 posts

    Posted 19 Mar 2014 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Kevin
    Kevin avatar
    6 posts
    Member since:
    May 2014

    Posted 28 May 2014 in reply to Georgi Krustev Link to this post

    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 )
  5. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3707 posts

    Posted 30 May 2014 Link to this post

    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!
     
  6. Kevin
    Kevin avatar
    6 posts
    Member since:
    May 2014

    Posted 03 Jun 2014 in reply to Georgi Krustev Link to this post

    Hello Georgi,

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

    Best regards,

    Kevin Quinton
  7. Bryan
    Bryan avatar
    3 posts
    Member since:
    May 2016

    Posted 16 May in reply to Kevin Link to this post

    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
  8. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3707 posts

    Posted 17 May Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready