jingrow/air-datepicker
1
0
Fork 0
mirror of https://github.com/frappe/air-datepicker.git synced 2026-01-14 11:01:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

revert body cell event to click, change input event to keydown

Browse Source
This commit is contained in:
t1m0n 2016-04-19 11:41:05 +03:00
parent 0f87ce2d58
commit 82ca3b75d2
5 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
dist/js/datepicker.js vendored
View File

@ -191,7 +191,7 @@
this.$el.on(this.opts.showEvent + '.adp', this._onShowEvent.bind(this));
this.$el.on('mouseup.adp', this._onMouseUpEl.bind(this));
this.$el.on('blur.adp', this._onBlur.bind(this));
this.$el.on('input.adp', this._onInput.bind(this));
this.$el.on('keyup.adp', this._onKeyUpGeneral.bind(this));
$(window).on('resize.adp', this._onResize.bind(this));
$('body').on('mouseup.adp', this._onMouseUpBody.bind(this));
},
@ -501,7 +501,7 @@
_this._triggerOnChange();
}
if (opts.autoClose) {
if (opts.autoClose && !this.timepickerIsActive) {
if (!opts.multipleDates && !opts.range) {
_this.hide();
} else if (opts.range && _this.selectedDates.length == 2) {
@ -1028,7 +1028,8 @@
}
},
_onShowEvent: function () {
_onShowEvent: function (e) {
console.log(e.type);
if (!this.visible) {
this.show();
}
@ -1050,7 +1051,7 @@
if (!e.originalEvent.timepickerFocus) this.$el.focus();
},
_onInput: function () {
_onKeyUpGeneral: function (e) {
var val = this.$el.val();
if (!val) {
@ -1074,6 +1075,7 @@
_onMouseUpEl: function (e) {
e.originalEvent.inFocus = true;
setTimeout(this._onKeyUpGeneral.bind(this),4);
},
_onKeyDown: function (e) {
@ -1426,10 +1428,7 @@
},
_bindEvents: function () {
// Use 'mouseup' and 'click' events instead of 'click' because of IE 10-11 bug, which triggers 'input' event
// when placeholder value is changed (e.g. when user just focus input). It causes calling clear() method,
// which clears input value and prevents from selecting cell. (issue #36)
this.$el.on('click mouseup', '.datepicker--cell', $.proxy(this._onClickCell, this));
this.$el.on('click', '.datepicker--cell', $.proxy(this._onClickCell, this));
},
_buildBaseHtml: function () {
@ -1884,7 +1883,8 @@
this.d.$el.on('selectDate', this._onSelectDate.bind(this));
this.$ranges.on(input, this._onChangeRange.bind(this));
this.$ranges.on('mouseenter', this._onMouseEnterRange.bind(this));
this.$ranges.on('mouseup', this._onMouseUpRange.bind(this));
this.$ranges.on('mouseenter focus ', this._onMouseEnterRange.bind(this));
this.$ranges.on('mouseout blur', this._onMouseOutRange.bind(this));
},
@ -2077,6 +2077,8 @@
_onChangeRange: function (e) {
var $target = $(e.target),
name = $target.attr('name');
this.d.timepickerIsActive = true;
this[name] = $target.val();
this._updateCurrentTime();
@ -2097,7 +2099,11 @@
var name = $(e.target).attr('name');
if (this.d.inFocus) return; // Prevent removing focus when mouse out of range slider
$('.datepicker--time-current-' + name, this.$timepicker).removeClass('-focus-');
},
_onMouseUpRange: function (e) {
this.d.timepickerIsActive = false;
}
};
})()
})();
})(window, jQuery);

4
dist/js/datepicker.min.js vendored
View File

File diff suppressed because one or more lines are too long

5
src/js/body.js
View File

@ -34,10 +34,7 @@
},
_bindEvents: function () {
// Use 'mouseup' and 'click' events instead of 'click' because of IE 10-11 bug, which triggers 'input' event
// when placeholder value is changed (e.g. when user just focus input). It causes calling clear() method,
// which clears input value and prevents from selecting cell. (issue #36)
this.$el.on('click mouseup', '.datepicker--cell', $.proxy(this._onClickCell, this));
this.$el.on('click', '.datepicker--cell', $.proxy(this._onClickCell, this));
},
_buildBaseHtml: function () {

10
src/js/datepicker.js
View File

@ -191,7 +191,7 @@
this.$el.on(this.opts.showEvent + '.adp', this._onShowEvent.bind(this));
this.$el.on('mouseup.adp', this._onMouseUpEl.bind(this));
this.$el.on('blur.adp', this._onBlur.bind(this));
this.$el.on('input.adp', this._onInput.bind(this));
this.$el.on('keyup.adp', this._onKeyUpGeneral.bind(this));
$(window).on('resize.adp', this._onResize.bind(this));
$('body').on('mouseup.adp', this._onMouseUpBody.bind(this));
},
@ -501,7 +501,7 @@
_this._triggerOnChange();
}
if (opts.autoClose) {
if (opts.autoClose && !this.timepickerIsActive) {
if (!opts.multipleDates && !opts.range) {
_this.hide();
} else if (opts.range && _this.selectedDates.length == 2) {
@ -1028,7 +1028,8 @@
}
},
_onShowEvent: function () {
_onShowEvent: function (e) {
console.log(e.type);
if (!this.visible) {
this.show();
}
@ -1050,7 +1051,7 @@
if (!e.originalEvent.timepickerFocus) this.$el.focus();
},
_onInput: function () {
_onKeyUpGeneral: function (e) {
var val = this.$el.val();
if (!val) {
@ -1074,6 +1075,7 @@
_onMouseUpEl: function (e) {
e.originalEvent.inFocus = true;
setTimeout(this._onKeyUpGeneral.bind(this),4);
},
_onKeyDown: function (e) {

11
src/js/timepicker.js
View File

@ -36,7 +36,8 @@
this.d.$el.on('selectDate', this._onSelectDate.bind(this));
this.$ranges.on(input, this._onChangeRange.bind(this));
this.$ranges.on('mouseenter', this._onMouseEnterRange.bind(this));
this.$ranges.on('mouseup', this._onMouseUpRange.bind(this));
this.$ranges.on('mouseenter focus ', this._onMouseEnterRange.bind(this));
this.$ranges.on('mouseout blur', this._onMouseOutRange.bind(this));
},
@ -229,6 +230,8 @@
_onChangeRange: function (e) {
var $target = $(e.target),
name = $target.attr('name');
this.d.timepickerIsActive = true;
this[name] = $target.val();
this._updateCurrentTime();
@ -249,6 +252,10 @@
var name = $(e.target).attr('name');
if (this.d.inFocus) return; // Prevent removing focus when mouse out of range slider
$('.datepicker--time-current-' + name, this.$timepicker).removeClass('-focus-');
},
_onMouseUpRange: function (e) {
this.d.timepickerIsActive = false;
}
};
})()
})();