How to get list of selected dates in a text box?

My knee-jerk reaction is to recommend jQuery UI DatePicker, but I may not be fully understanding your question. Can you write up a CodePen to show an example of the problem you're having, then post a link here?

I imagine that's almost correct. While javascript will be mandatory in this. My main question is, from where are you selecting these dates that you wish to display in the textbox?

Javascript for this, is as so:

<script type="text/javascript"> var curVal = $('.textboxwithclass').val(); var newVal = ''; // wherever you are getting the dates from... $('.textboxwithclass').val(curVal + newVal); </script>

Super simple, but will all really depend on where you are selecting these dates from.

Thanks for your replies guys. Let me explain my question in detail. I am making a training management page in which the manager enters the details of the training like training name, venue and dates of training. After entering all these things he clicks on "Create Training" button and all the values are then stored in the database. Now, my single training can be scheduled on different dates example: from 20 oct 2014 to 24 oct 2014 and then again from 26 oct 2014 to 30 oct 2014. So, i need to store these dates in a input text box before i can submit the form i.e. before clicking on the "Create Training" button.

I was thinking of a date-month-year dropdowns. One for "From Date" and other for "To Date". then i click on "Add date" button and the date range is stored in the input text box. Again i select the date range and click on "Add date" button and the other range is stored in the same box but below the value entered before so that final input in the text box become 20 oct 2014 to 24 oct 2014 & 26 oct 2014 to 30 oct 2014.

And in the end i click on "Create Training" button.

Thanks in Advance.

Based on your description of what you are doing -- what I would do personally, is NOT to have multiple dates for each row.. but to have a startDate and an endDate and give the 'trainer' the ability to duplicate the exact same training giving them the ability to change the dates... UX is more difficult for the trainer, but easier for the end user.

In terms of Ux for the end user, it'll cut down on confusion and is ultimately less code for you to write. IF you must do it this way, then i'd put a single jQuery date range object on the page, and add a button for adding another series of dates... And using javascript, to modify the text box value...