<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> |