The $.datepicker.regional[renderedLang] of course needs the i18n js file of the datepicker included (in my app I edit the plugin to include it dynamically by the userLang specified by the user but this is not what everyone wants).

The problem is with the ‘en’ lang. When you specify english as the lang obviously you don’t need to include a lang file, but $.datepicker.regional['en'] does not work because you must refer to the default region like this $.datepicker.regional['']. This is not so flexible and it needs one line to change with $.datepicker.regional['en']=$.datepicker.regional['']

You can just add $.datepicker.regional['en']=$.datepicker.regional[''] as a first line to this plugin if datepicker developers are not willing to include this.

Sorry for the long posts,
Aggelos Karalias

this is a great control indeed. It’s really working and it’s always a good job to extend an already successful plugin like ui.datepicker.

A thing that I really needed and it was missing is the dateFormat of the ui.datepicker. This control uses a hardcoded format like yy-mm-dd for dates making it not flexible, while it is very easy to make it use whatever dateFormat you want. I made the changes below and I think it works correctly now but you can test it better for any bugs…

Changes for dateFormat support:

1) Two extra “globar vars” were necessary so now I have something like:

var userLang = arguments[0]['userLang'] || ‘en’;
var b24Hour = !(arguments[0]['americanMode'] || false);
var markerClass = ‘hasDateTime’;

/**
* This is the lang that the plugin was rendered finally if the userLang does not exist.
* This will be changed by renderPickerPlug() if the userLang exists and it’s != ‘en’
*/
var renderedLang = ‘en’;

/**
* The format inserted by the user or a default if not. Default is ‘yy-mm-dd’ date specified by ISO8601.
*/
var dateFormat = arguments[0]['dateFormat'] || ‘yy-mm-dd’; //dafault ISO8601

2) Then into renderPickerPlug() a first line like this was added:

function renderPickerPlug(b24Hour_,lang_) {
renderedLang = (lang[lang_]) ? lang_ : ‘en’;
… //everything else same in here
}

3) And the parseTime() was changed to split correctly the date and time splitting on the lastIndexOf(” “) only and with some options added to correct parse a date formatted with day/month names in the rendered locale:

function parseTime (obj) {
var timevalue = ($(obj).val() || $(this).val());
var time = {}
time[0] = timevalue.substr(0, timevalue.lastIndexOf(” “));
time[1] = timevalue.substr(timevalue.lastIndexOf(” “)+1, timevalue.length);

… //everything else same in here

$(’#datepicker’).datepicker(
’setDate’,
$.datepicker.parseDate(
datepicker_def['dateFormat'],
$(’#pickerplug’).data(’lastdate’),
{
shortYearCutoff: 20,
dayNamesShort: $.datepicker.regional[renderedLang].dayNamesShort,
dayNames: $.datepicker.regional[renderedLang].dayNames,
monthNamesShort: $.datepicker.regional[renderedLang].monthNamesShort,
monthNames: $.datepicker.regional[renderedLang].monthNames
}
));
}

and that was everything with a dateFormat option to the constructor you can use every format you want…

I am thinking about some other changes too, like seconds support and an option to disable the input that renders the plugin.

PS: a greek translation like this was added also and I post it here if you want to include it:

lang['el'] = {
time: ‘Ώρα’,
hour: ‘Ώρα’,
minute: ‘Λεπτά’,
close: ‘Κλείσιμο’
};

Thanks again for this wonderful plugin,
Aggelos Karalias

I had a small problem with $(”#tpSelectedTime .selMins”) using the effect function, so I simple commented out that function-call and now I can use the control without any errors. Just thought I’d let you know there are probably lots of other effect methods that could be used for achieving what you wanted? Below is a copy of the FireFox Error Console message:
Error: $(”#tpSelectedTime .selMins”).effect is not a function
Source: http://blog.w3visions.com/wp-content/selfloaded/jquery_ui_datepicker/timepicker_plug/timepicker.js
Row: 122

That was a good one. Do you have option to click on Image and open as it is available in jQuery DatePicker?