tonyair
/
silverstripe-framework
mirror of https://github.com/silverstripe/silverstripe-framework
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

MINOR Refactored DateField.js from inline jQuery.live() application to a ssDatepicker() plugin which can be applied explicitly as well

This commit is contained in:
Ingo Schommer 2011-09-27 12:23:17 +02:00
parent b05e3bd890
commit e3cceb6038
1 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
javascript/DateField.js
View File

@ -1,28 +1,33 @@
(function($) {
/**
* Initialize and open a datepicker
* live() doesn't have "onmatch", and jQuery.entwine is a bit too
* heavyweight for this, so we need to do this onclick.
*/
var fields = $('.field.date input.text');
fields.siblings("button").addClass("ui-icon ui-icon-calendar");
$.fn.extend({
ssDatepicker: function(opts) {
return $(this).each(function() {
if($(this).data('datepicker')) return; // already applied
this.siblings("button").addClass("ui-icon ui-icon-calendar");
var holder = $(this).parents('.field.date:first'),
config = $.extend(opts || {}, $(this).metadata({type: 'class'}), {});
if(!config.showcalendar) return;
fields.live('click', function() {
var holder = $(this).parents('.field.date:first'), config = $(this).metadata({type: 'class'});
if(!config.showcalendar) return;
if(config.locale && $.datepicker.regional[config.locale]) {
config = $.extend(config, $.datepicker.regional[config.locale], {});
if(config.locale && $.datepicker.regional[config.locale]) {
config = $.extend(config, $.datepicker.regional[config.locale], {});
}
if(config.min) config.minDate = $.datepicker.parseDate('yy-mm-dd', config.min);
if(config.max) config.maxDate = $.datepicker.parseDate('yy-mm-dd', config.max);
// Initialize and open a datepicker
// live() doesn't have "onmatch", and jQuery.entwine is a bit too heavyweight for this, so we need to do this onclick.
config.dateFormat = config.jqueryDateformat;
$(this).datepicker(config);
});
}
if(config.min) config.minDate = $.datepicker.parseDate('yy-mm-dd', config.min);
if(config.max) config.maxDate = $.datepicker.parseDate('yy-mm-dd', config.max);
// Initialize and open a datepicker
// live() doesn't have "onmatch", and jQuery.entwine is a bit too heavyweight for this, so we need to do this onclick.
config.dateFormat = config.jqueryDateformat;
$(this).datepicker(config);
});
$('.field.date input.text').live('click', function() {
$(this).ssDatepicker();
$(this).datepicker('show');
});
}(jQuery));