Customized datepicker

I am a big fan of jQuery, but even I have to admit the wretchedness of jQueryUI compared to, for example, YUI. What is worth only the inability to remove [x] (close button) by standard means in the Dialog widget. But YUI was not written in a day either, and before it became like we see it now, a lot of hacks were written to it, so I think that there is nothing wrong with hacking JUI without getting into its code.

I already described how to remove [x] in my blog, but now I want to talk about the Calendar widget or what it is called in JUI - Datepicker. The idea to adapt it to the WP calendar is not new, but the bad luck on Datepicker cannot be marked with dates. That is, in general, it is impossible to distinguish a day other than the current and weekend. This is a big minus, and now I will show you how to turn this minus into a plus.

All you need to do is roll up two calendar methods - the designer and the table generator.

( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .

1. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
3. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
4. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
5. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
6. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
7. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
8. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
9. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
10. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
12. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
13. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
14. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
16. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
17. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
18. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
19. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
20. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
21. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
22. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
24. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
25. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
26. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
27. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
28. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
29. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
30. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
31. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
32. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
33. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
34. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
35. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
36. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
37. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
38. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
40. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
41. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
42. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
43. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
44. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
45. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
46. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
48. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
49. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
50. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
51. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
53. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
54. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .
55. ( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .

( function ($) { /** * autor: CTAPbIu_MABP * email: ctapbiumabp@gmail.com * site: mabp.kiev.ua/2009/08/11/customized-datepicker * license: MIT & GPL * last update: 11.08.2009 * version: 1.0 */ // var old_datepicker = $.fn.datepicker; var old_generateHTML = $.datepicker._generateHTML; // $.datepicker._generateHTML = function (inst) { // raw-html var _generateHTML = old_generateHTML.apply( this , arguments), // dates = inst.settings.hightlight.values; titles = inst.settings.hightlight.titles; // for ( var i in dates){ if (dates[i].getFullYear() == inst.drawYear && dates[i].getMonth() == inst.drawMonth){ _generateHTML = _generateHTML.replace( // new RegExp( '<a class="([^"]+)" href="#">' + dates[i].getDate() + '</a>' , 'i' ), function (link, classes){ // return link.replace(classes, classes + ' ui-state-custom' + (titles[i] ? '" title="' + titles[i] : '' )); }); } } return _generateHTML; }; // $.fn.datepicker = function (options){ // options.hightlight = $.extend( {format:$.datepicker._defaults.dateFormat, values:[], titles:[], settings:{}}, options.hightlight ); // Date options.hightlight.values = $.map(options.hightlight.values, function (value){ return $.datepicker.parseDate(options.hightlight.format, value, options.hightlight.settings); }); return old_datepicker.apply( this , [options]); }; })(jQuery); * This source code was highlighted with Source Code Highlighter .

The fact that there in the code is not particularly zamarachivatsya and consider an example of using
')
Add a new class in CSS
.ui-state-custom {
border: 1px solid #f0f !important;
}


And create a datapicker with new parameters

1. $ ( "div # datepicker" ) .datepicker ({ // inline datepicker
2. firstDay: 1, // first day monday
3. hightlight: { // highlight
4. format: "dd / mm / yy" , // the format in which dates are specified, understands all formats that datepicker understands, is $ .datepicker._defaults.dateFormat or mm / dd / yy by default
5. values: [ "1/08/2009" , "5/08/2009" , "15/08/2009" ], // list of dates in the format that we specified in the last parameter
6. titles: [ "Races" , "Two" , "Three" ], // if you want you can specify a list of tooltips for dates
7. settings: {} // additional parameters for the function of converting strings to a date can be found in the comments to the datopic code
8. }
9. });

* This source code was highlighted with Source Code Highlighter .

In action, you can see on my blog