Search jQuery

jQuery Forum

Screen name:
skipyskiphire

skipyskiphire's Profile

2 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Datepicker problem
[2Replies]
- 02-Jan-2013 10:13 AM
- Forum: Using jQuery UI
I have been using Datepicker as supplied with Coffee Cup Software's Web Form Builder and to date I have successfully amended the code as shown below i.e. minDate: 1 maxDate: 60. (That's quite simple and I can cope with that) but exactly how would I amend the code to exclude weekends? I believe it's to do with code lines 93,94 & 95 - showDay but I can't seem to get a result!

Many Thanks
2. /*
3. * jQuery UI Datepicker @VERSION
4. *
5. * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
6. * Dual licensed under the MIT (MIT-LICENSE.txt)
7. * and GPL (GPL-LICENSE.txt) licenses.
8. *
9. * http://docs.jquery.com/UI/Datepicker
10. *
11. * Depends:
12. * jquery.ui.core.js
13. */
15. (function($) { // hide the namespace
17. $.extend($.ui, { datepicker: { version: "@VERSION" } });
19. var PROP_NAME = 'datepicker';
20. var dpuuid = new Date().getTime();
22. /* Date picker manager.
23. Use the singleton instance of this class, $.datepicker, to interact with the date picker.
24. Settings for (groups of) date pickers are maintained in an instance object,
25. allowing multiple different settings on the same page. */
27. function Datepicker() {
28. this.debug = false; // Change this to true to start debugging
29. this._curInst = null; // The current instance in use
30. this._keyEvent = false; // If the last event was a key event
31. this._disabledInputs = []; // List of date picker inputs that have been disabled
32. this._datepickerShowing = false; // True if the popup picker is showing , false if not
33. this._inDialog = false; // True if showing within a "dialog", false if not
34. this._mainDivId = 'ui-datepicker-div'; // The ID of the main datepicker division
35. this._inlineClass = 'ui-datepicker-inline'; // The name of the inline marker class
36. this._appendClass = 'ui-datepicker-append'; // The name of the append marker class
37. this._triggerClass = 'ui-datepicker-trigger'; // The name of the trigger marker class
38. this._dialogClass = 'ui-datepicker-dialog'; // The name of the dialog marker class
39. this._disableClass = 'ui-datepicker-disabled'; // The name of the disabled covering marker class
40. this._unselectableClass = 'ui-datepicker-unselectable'; // The name of the unselectable cell marker class
41. this._currentClass = 'ui-datepicker-current-day'; // The name of the current day marker class
42. this._dayOverClass = 'ui-datepicker-days-cell-over'; // The name of the day hover marker class
43. this.regional = []; // Available regional settings, indexed by language code
44. this.regional[''] = { // Default regional settings
45. closeText: 'Done', // Display text for close link
46. prevText: 'Prev', // Display text for previous month link
47. nextText: 'Next', // Display text for next month link
48. currentText: 'Today', // Display text for current month link
49. monthNames: ['January','February','March','April','May','June',
50. 'July','August','September','October','November','December'], // Names of months for drop-down and formatting
51. monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting
52. dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Friday'], // For formatting
53. dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting
54. dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday
55. weekHeader: 'Wk', // Column header for week of the year
56. dateFormat: 'mm/dd/yy', // See format options on parseDate
57. firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
58. isRTL: false, // True if right-to-left language, false if left-to-right
59. showMonthAfterYear: false, // True if the year select precedes month, false for month then year
60. yearSuffix: '' // Additional text to append to the year in the month headers
61. };
62. this._defaults = { // Global defaults for all the date picker instances
63. showOn: 'focus', // 'focus' for popup on focus,
64. // 'button' for trigger button, or 'both' for either
65. showAnim: 'show', // Name of jQuery animation for popup
66. showOptions: {}, // Options for enhanced animations
67. defaultDate: null, // Used when field is blank: actual date,
68. // +/-number for offset from today, null for today
69. appendText: '', // Display text following the input box, e.g. showing the format
70. buttonText: '...', // Text for trigger button
71. buttonImage: '', // URL for trigger button image
72. buttonImageOnly: false, // True if the image appears alone, false if it appears on a button
73. hideIfNoPrevNext: false, // True to hide next/previous month links
74. // if not applicable, false to just disable them
75. navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links
76. gotoCurrent: false, // True if today link goes back to current selection instead
77. changeMonth: false, // True if month can be selected directly, false if only prev/next
78. changeYear: false, // True if year can be selected directly, false if only prev/next
79. yearRange: 'c-10:c+10', // Range of years to display in drop-down,
80. // either relative to today's year (-nn:+nn), relative to currently displayed year
81. // (c-nn:c+nn), absolute (nnnn:nnnn), or a combination of the above (nnnn:-n)
82. showOtherMonths: false, // True to show dates in other months, false to leave blank
83. selectOtherMonths: false, // True to allow selection of dates in other months, false for unselectable
84. showWeek: false, // True to show week of the year, false to not show it
85. calculateWeek: this.iso8601Week, // How to calculate the week of the year,
86. // takes a Date and returns the number of the week for it
87. shortYearCutoff: '+10', // Short year values < this are in the current century,
88. // > this are in the previous century,
89. // string value starting with '+' for current year + value
90. minDate: 1, // The earliest selectable date, or null for no limit
91. maxDate: 60, // The latest selectable date, or null for no limit
92. duration: '_default', // Duration of display/closure
93. beforeShowDay: null, // Function that takes a date and returns an array with
94. // [0] = true if selectable, false if not, [1] = custom CSS class name(s) or '',
95. // [2] = cell title (optional), e.g. $.datepicker.noWeekends
96. beforeShow: null, // Function that takes an input field and
97. // returns a set of custom settings for the date picker
98. onSelect: null, // Define a callback function when a date is selected
99. onChangeMonthYear: null, // Define a callback function when the month or year is changed
100. onClose: null, // Define a callback function when the datepicker is closed
101. numberOfMonths: 1, // Number of months to show at a time
102. showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)
103. stepMonths: 1, // Number of months to step back/forward
104. stepBigMonths: 12, // Number of months to step back/forward for the big links
105. altField: '', // Selector for an alternate field to store selected dates into
106. altFormat: '', // The date format to use for the alternate field
107. constrainInput: true, // The input is constrained by the current date format
108. showButtonPanel: false, // True to show button panel, false to not show it
109. autoSize: false // True to size the input for the date format, false to leave as is

minDate = today
[2Replies]
- 26-Jan-2012 04:36 PM
- Forum: Using jQuery UI
Hi,

Is it possible to set the minimum date as 'todays' date resulting in all previous dates being unselectable?

i.e. todays date is 26th Jan 2012 - the user can select todays date onwards but not an earlier date.
tomorrow, the user can select 27th Jan 2012 but not the 26th, etc.

Many Thanks

Skipy

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend