<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}); }); </script> |