tracer/x-editable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updatcombodate to 1.0.5

Browse Source
This commit is contained in:
vitalets 2013-11-04 17:59:26 +04:00
parent 00709fcc46
commit 6625a2afe3
1 changed files with 122 additions and 89 deletions

211
src/inputs/combodate/lib/combodate.js

@ -1,9 +1,9 @@
/** /**
* Combodate - 1.0.4 * Combodate - 1.0.5
* Dropdown date and time picker. * Dropdown date and time picker.
* Converts text input into dropdowns to pick day, month, year, hour, minute and second. * Converts text input into dropdowns to pick day, month, year, hour, minute and second.
* Uses momentjs as datetime library http://momentjs.com. * Uses momentjs as datetime library http://momentjs.com.
* For internalization include corresponding file from https://github.com/timrwood/moment/tree/master/lang * For i18n include corresponding file from https://github.com/timrwood/moment/tree/master/lang
* *
* Confusion at noon and midnight - see http://en.wikipedia.org/wiki/12-hour_clock#Confusion_at_noon_and_midnight * Confusion at noon and midnight - see http://en.wikipedia.org/wiki/12-hour_clock#Confusion_at_noon_and_midnight
* In combodate: * In combodate:
@ -50,16 +50,22 @@
this.initCombos(); this.initCombos();
//update original input on change //update original input on change
this.$widget.on('change', 'select', $.proxy(function(){ this.$widget.on('change', 'select', $.proxy(function(e) {
this.$element.val(this.getValue()); this.$element.val(this.getValue()).change();
// update days count if month or year changes
if (this.options.smartDays) {
if ($(e.target).is('.month') || $(e.target).is('.year')) {
this.fillCombo('day');
}
}
}, this)); }, this));
this.$widget.find('select').css('width', 'auto'); this.$widget.find('select').css('width', 'auto');
//hide original input and insert widget // hide original input and insert widget
this.$element.hide().after(this.$widget); this.$element.hide().after(this.$widget);
//set initial value // set initial value
this.setValue(this.$element.val() || this.options.value); this.setValue(this.$element.val() || this.options.value);
}, },
@ -96,22 +102,41 @@
Initialize combos that presents in template Initialize combos that presents in template
*/ */
initCombos: function() { initCombos: function() {
var that = this; for (var k in this.map) {
$.each(this.map, function(k, v) { var $c = this.$widget.find('.'+k);
var $c = that.$widget.find('.'+k), f, items; // set properties like this.$day, this.$month etc.
if($c.length) { this['$'+k] = $c.length ? $c : null;
that['$'+k] = $c; //set properties like this.$day, this.$month etc. // fill with items
f = 'fill' + k.charAt(0).toUpperCase() + k.slice(1); //define method name to fill items, e.g `fillDays` this.fillCombo(k);
items = that[f](); }
that['$'+k].html(that.renderItems(items));
}
});
}, },
/*
Fill combo with items
*/
fillCombo: function(k) {
var $combo = this['$'+k];
if (!$combo) {
return;
}
// define method name to fill items, e.g `fillDays`
var f = 'fill' + k.charAt(0).toUpperCase() + k.slice(1);
var items = this[f]();
var value = $combo.val();
$combo.empty();
for(var i=0; i<items.length; i++) {
$combo.append('<option value="'+items[i][0]+'">'+items[i][1]+'</option>');
}
$combo.val(value);
},
/* /*
Initialize items of combos. Handles `firstItem` option Initialize items of combos. Handles `firstItem` option
*/ */
initItems: function(key) { fillCommon: function(key) {
var values = [], var values = [],
relTime; relTime;
@ -126,27 +151,29 @@
values.push(['', '']); values.push(['', '']);
} }
return values; return values;
}, },
/*
render items to string of <option> tags
*/
renderItems: function(items) {
var str = [];
for(var i=0; i<items.length; i++) {
str.push('<option value="'+items[i][0]+'">'+items[i][1]+'</option>');
}
return str.join("\n");
},
/* /*
fill day fill day
*/ */
fillDay: function() { fillDay: function() {
var items = this.initItems('d'), name, i, var items = this.fillCommon('d'), name, i,
twoDigit = this.options.template.indexOf('DD') !== -1; twoDigit = this.options.template.indexOf('DD') !== -1,
daysCount = 31;
for(i=1; i<=31; i++) {
// detect days count (depends on month and year)
// originally https://github.com/vitalets/combodate/pull/7
if (this.options.smartDays && this.$month && this.$year) {
var month = parseInt(this.$month.val(), 10);
var year = parseInt(this.$year.val(), 10);
if (!isNaN(month) && !isNaN(year)) {
daysCount = moment([year, month]).daysInMonth();
}
}
for (i = 1; i <= daysCount; i++) {
name = twoDigit ? this.leadZero(i) : i; name = twoDigit ? this.leadZero(i) : i;
items.push([i, name]); items.push([i, name]);
} }
@ -157,7 +184,7 @@
fill month fill month
*/ */
fillMonth: function() { fillMonth: function() {
var items = this.initItems('M'), name, i, var items = this.fillCommon('M'), name, i,
longNames = this.options.template.indexOf('MMMM') !== -1, longNames = this.options.template.indexOf('MMMM') !== -1,
shortNames = this.options.template.indexOf('MMM') !== -1, shortNames = this.options.template.indexOf('MMM') !== -1,
twoDigit = this.options.template.indexOf('MM') !== -1; twoDigit = this.options.template.indexOf('MM') !== -1;
@ -190,7 +217,7 @@
items[this.options.yearDescending ? 'push' : 'unshift']([i, name]); items[this.options.yearDescending ? 'push' : 'unshift']([i, name]);
} }
items = this.initItems('y').concat(items); items = this.fillCommon('y').concat(items);
return items; return items;
}, },
@ -199,7 +226,7 @@
fill hour fill hour
*/ */
fillHour: function() { fillHour: function() {
var items = this.initItems('h'), name, i, var items = this.fillCommon('h'), name, i,
h12 = this.options.template.indexOf('h') !== -1, h12 = this.options.template.indexOf('h') !== -1,
h24 = this.options.template.indexOf('H') !== -1, h24 = this.options.template.indexOf('H') !== -1,
twoDigit = this.options.template.toLowerCase().indexOf('hh') !== -1, twoDigit = this.options.template.toLowerCase().indexOf('hh') !== -1,
@ -217,7 +244,7 @@
fill minute fill minute
*/ */
fillMinute: function() { fillMinute: function() {
var items = this.initItems('m'), name, i, var items = this.fillCommon('m'), name, i,
twoDigit = this.options.template.indexOf('mm') !== -1; twoDigit = this.options.template.indexOf('mm') !== -1;
for(i=0; i<=59; i+= this.options.minuteStep) { for(i=0; i<=59; i+= this.options.minuteStep) {
@ -231,7 +258,7 @@
fill second fill second
*/ */
fillSecond: function() { fillSecond: function() {
var items = this.initItems('s'), name, i, var items = this.fillCommon('s'), name, i,
twoDigit = this.options.template.indexOf('ss') !== -1; twoDigit = this.options.template.indexOf('ss') !== -1;
for(i=0; i<=59; i+= this.options.secondStep) { for(i=0; i<=59; i+= this.options.secondStep) {
@ -253,7 +280,7 @@
]; ];
return items; return items;
}, },
/* /*
Returns current date value from combos. Returns current date value from combos.
If format not specified - `options.format` used. If format not specified - `options.format` used.
@ -316,63 +343,68 @@
that = this, that = this,
values = {}; values = {};
//function to find nearest value in select options //function to find nearest value in select options
function getNearest($select, value) { function getNearest($select, value) {
var delta = {}; var delta = {};
$select.children('option').each(function(i, opt){ $select.children('option').each(function(i, opt){
var optValue = $(opt).attr('value'), var optValue = $(opt).attr('value'),
distance; distance;
if(optValue === '') return; if(optValue === '') return;
distance = Math.abs(optValue - value); distance = Math.abs(optValue - value);
if(typeof delta.distance === 'undefined' || distance < delta.distance) { if(typeof delta.distance === 'undefined' || distance < delta.distance) {
delta = {value: optValue, distance: distance}; delta = {value: optValue, distance: distance};
} }
}); });
return delta.value; return delta.value;
} }
if(dt.isValid()) { if(dt.isValid()) {
//read values from date object //read values from date object
$.each(this.map, function(k, v) { $.each(this.map, function(k, v) {
if(k === 'ampm') { if(k === 'ampm') {
return; return;
} }
values[k] = dt[v[1]](); values[k] = dt[v[1]]();
}); });
if(this.$ampm) { if(this.$ampm) {
//12:00 pm --> 12:00 (24-h format, midday), 12:00 am --> 00:00 (24-h format, midnight, start of day) //12:00 pm --> 12:00 (24-h format, midday), 12:00 am --> 00:00 (24-h format, midnight, start of day)
if(values.hour >= 12) { if(values.hour >= 12) {
values.ampm = 'pm'; values.ampm = 'pm';
if(values.hour > 12) { if(values.hour > 12) {
values.hour -= 12; values.hour -= 12;
} }
} else { } else {
values.ampm = 'am'; values.ampm = 'am';
if(values.hour === 0) { if(values.hour === 0) {
values.hour = 12; values.hour = 12;
} }
} }
} }
$.each(values, function(k, v) { $.each(values, function(k, v) {
//call val() for each existing combo, e.g. this.$hour.val() //call val() for each existing combo, e.g. this.$hour.val()
if(that['$'+k]) { if(that['$'+k]) {
if(k === 'minute' && that.options.minuteStep > 1 && that.options.roundTime) { if(k === 'minute' && that.options.minuteStep > 1 && that.options.roundTime) {
v = getNearest(that['$'+k], v); v = getNearest(that['$'+k], v);
} }
if(k === 'second' && that.options.secondStep > 1 && that.options.roundTime) { if(k === 'second' && that.options.secondStep > 1 && that.options.roundTime) {
v = getNearest(that['$'+k], v); v = getNearest(that['$'+k], v);
} }
that['$'+k].val(v); that['$'+k].val(v);
} }
}); });
// update days count
if (this.options.smartDays) {
this.fillCombo('day');
}
this.$element.val(dt.format(this.options.format)); this.$element.val(dt.format(this.options.format)).change();
} }
}, },
@ -447,7 +479,8 @@
secondStep: 1, secondStep: 1,
firstItem: 'empty', //'name', 'empty', 'none' firstItem: 'empty', //'name', 'empty', 'none'
errorClass: null, errorClass: null,
roundTime: true //whether to round minutes and seconds if step > 1 roundTime: true, // whether to round minutes and seconds if step > 1
smartDays: false // whether days in combo depend on selected month: 31, 30, 28
}; };
}(window.jQuery)); }(window.jQuery));