<form class="aui"> <div class="field-group"> <label for="dd-startDate">Start Date <span class="aui-icon icon-required">(required)</span></label> <input class="text medium-field" type="text" id="dd-startDate" name="dd-startDate"> <div class="description">Please select your Start Date</div> </div> <div class="field-group"> <label for="dd-endDate">End Date <span class="aui-icon icon-required">(required)</span></label> <input class="text medium-field" type="text" id="dd-endDate" name="dd-endDate"> <div class="description">Please select your End Date</div> </div> <div class="buttons-container"> <div class="buttons"> <input class="button submit" type="button" value="Create" id="dd-save-button"> </div> </div> </form> <script> AJS.$(document).ready(function() { AJS.$('#dd-startDate').datePicker({'overrideBrowserDefault': true}); AJS.$('#dd-endDate').datePicker({'overrideBrowserDefault': true}); AJS.$('#dd-save-button').click(function(){ console.log(getDates(convertToDate(AJS.$('#dd-startDate').val())), getDates(convertToDate(AJS.$('#dd-endDate').val()))); }); }); Date.prototype.addDays = function(days) { var dat = new Date(this.valueOf()) dat.setDate(dat.getDate() + days); return dat; } function getDates(startDate, stopDate) { var dateArray = new Array(); var currentDate = startDate; currentDate = new Date(currentDate) while (currentDate <= stopDate) { dateArray.push( new Date (currentDate) ) currentDate = currentDate.addDays(1); } return dateArray; } function convertToDate(dateAsString) { return new Date(dateAsString); // yy-mm-dd (which is ISO 8601) } </script> |