| | 868 | <div id="quick" class="tab_group1 container"> |
| | 869 | <h3>Quick Reference</h3> |
| | 870 | <p>A full list of all possible settings is shown below. Note that not all would apply in all cases. |
| | 871 | For more detail see the <a href="http://docs.jquery.com/UI/Datepicker/datepicker#options">documentation reference page</a>.</p> |
| | 872 | <pre><code class="javascript">$('selector').datepicker({ |
| | 873 | clearText: 'Clear', // Display text for clear link |
| | 874 | clearStatus: 'Erase the current date', // Status text for clear link |
| | 875 | closeText: 'Close', // Display text for close link |
| | 876 | closeStatus: 'Close without change', // Status text for close link |
| | 877 | prevText: '<Prev', // Display text for previous month link |
| | 878 | prevStatus: 'Show the previous month', // Status text for previous month link |
| | 879 | nextText: 'Next>', // Display text for next month link |
| | 880 | nextStatus: 'Show the next month', // Status text for next month link |
| | 881 | currentText: 'Today', // Display text for current month link |
| | 882 | currentStatus: 'Show the current month', // Status text for current month link |
| | 883 | monthNames: ['January','February','March','April','May','June', |
| | 884 | 'July','August','September','October','November','December'], |
| | 885 | // Names of months for drop-down and formatting |
| | 886 | monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', |
| | 887 | 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting |
| | 888 | monthStatus: 'Show a different month', // Status text for selecting a month |
| | 889 | yearStatus: 'Show a different year', // Status text for selecting a year |
| | 890 | weekHeader: 'Wk', // Header for the week of the year column |
| | 891 | weekStatus: 'Week of the year', // Status text for the week of the year column |
| | 892 | dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], |
| | 893 | // For formatting |
| | 894 | dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting |
| | 895 | dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday |
| | 896 | dayStatus: 'Set DD as first week day', // Status text for the day of the week selection |
| | 897 | dateStatus: 'Select DD, M d', // Status text for the date selection |
| | 898 | dateFormat: 'mm/dd/yy', // See format options on parseDate |
| | 899 | firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ... |
| | 900 | initStatus: 'Select a date', // Initial Status text on opening |
| | 901 | isRTL: false, // True if right-to-left language, false if left-to-right |
| | 902 | showOn: 'focus', // 'focus' for popup on focus, |
| | 903 | // 'button' for trigger button, or 'both' for either |
| | 904 | showAnim: 'show', // Name of jQuery animation for popup |
| | 905 | defaultDate: null, // Used when field is blank: actual date, |
| | 906 | // +/-number for offset from today, null for today |
| | 907 | appendText: '', // Display text following the input box, e.g. showing the format |
| | 908 | buttonText: '...', // Text for trigger button |
| | 909 | buttonImage: '', // URL for trigger button image |
| | 910 | buttonImageOnly: false, // True if the image appears alone, false if it appears on a button |
| | 911 | closeAtTop: true, // True to have the clear/close at the top, |
| | 912 | // false to have them at the bottom |
| | 913 | mandatory: false, // True to hide the Clear link, false to include it |
| | 914 | hideIfNoPrevNext: false, // True to hide next/previous month links |
| | 915 | // if not applicable, false to just disable them |
| | 916 | changeMonth: true, // True if month can be selected directly, false if only prev/next |
| | 917 | changeYear: true, // True if year can be selected directly, false if only prev/next |
| | 918 | yearRange: '-10:+10', // Range of years to display in drop-down, |
| | 919 | // either relative to current year (-nn:+nn) or absolute (nnnn:nnnn) |
| | 920 | changeFirstDay: true, // True to click on day name to change, false to remain as set |
| | 921 | showOtherMonths: false, // True to show dates in other months, false to leave blank |
| | 922 | showWeeks: false, // True to show week of the year, false to omit |
| | 923 | calculateWeek: this.iso8601Week, // How to calculate the week of the year, |
| | 924 | // takes a Date and returns the number of the week for it |
| | 925 | shortYearCutoff: '+10', // Short year values < this are in the current century, |
| | 926 | // > this are in the previous century, |
| | 927 | // string value starting with '+' for current year + value |
| | 928 | showStatus: false, // True to show status bar at bottom, false to not show it |
| | 929 | statusForDate: this.dateStatus, // Function to provide status text for a date - |
| | 930 | // takes date and instance as parameters, returns display text |
| | 931 | minDate: null, // The earliest selectable date, or null for no limit |
| | 932 | maxDate: null, // The latest selectable date, or null for no limit |
| | 933 | speed: 'normal', // Speed of display/closure |
| | 934 | beforeShowDay: null, // Function that takes a date and returns an array with |
| | 935 | // [0] = true if selectable, false if not, |
| | 936 | // [1] = custom CSS class name(s) or '', e.g. $.datepicker.noWeekends |
| | 937 | beforeShow: null, // Function that takes an input field and |
| | 938 | // returns a set of custom settings for the date picker |
| | 939 | onSelect: null, // Define a callback function when a date is selected |
| | 940 | onClose: null, // Define a callback function when the datepicker is closed |
| | 941 | numberOfMonths: 1, // Number of months to show at a time |
| | 942 | stepMonths: 1, // Number of months to step back/forward |
| | 943 | rangeSelect: false, // Allows for selecting a date range on one date picker |
| | 944 | rangeSeparator: ' - ' // Text between two dates in a range |
| | 945 | });</code></pre> |
| | 946 | </div> |
