The datepicker widget has a variety of additional data and control options that may be exposed by the developer using the widget. These are simple Boolean configuration options that turn on the data or the control.
Let's prepare two div
elements with which we can create two inline datepicker instances.
<div> <strong>Regular:</strong> <div id="regular"></div> </div> <div> <strong>Expanded:</strong> <div id="expanded"></div> </div>
Let's create the two datepicker widgets. We're creating two widgets so that we can contrast the differences between a regular datepicker and one with expanded data and controls.
$(function() { $( "#regular" ).datepicker(); $( "#expanded" ).datepicker({ changeYear: true, changeMonth: true, showButtonPanel: true, showOtherMonths: true, selectOtherMonths: true, ...