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

add possibility to change time when clicking on selected date

Browse Source
This commit is contained in:
t1m0n 2016-05-06 11:17:56 +03:00
parent 5453ad8728
commit f5c1ae4705
6 changed files with 60 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
dist/js/datepicker.js vendored
View File

@ -434,8 +434,7 @@
// Set new time values from Date
if (this.timepicker) {
this.timepicker.hours = date.getHours();
this.timepicker.minutes = date.getMinutes();
this.timepicker._setTime(date);
}
// On this step timepicker will set valid values in it's instance
@ -445,7 +444,7 @@
// Prevent from setting hours or minutes which values are lesser then `min` value or
// greater then `max` value
if (this.timepicker) {
date.setHours(this.timepicker.hours)
date.setHours(this.timepicker.hours);
date.setMinutes(this.timepicker.minutes)
}
@ -626,9 +625,14 @@
},
_isSelected: function (checkDate, cellType) {
return this.selectedDates.some(function (date) {
return datepicker.isSame(date, checkDate, cellType)
})
var res = false;
this.selectedDates.some(function (date) {
if (datepicker.isSame(date, checkDate, cellType)) {
res = date;
return true;
}
});
return res;
},
_setInputValue: function () {
@ -1691,6 +1695,12 @@
this.d._trigger('clickCell', selectedDate);
} else if (alreadySelected && this.opts.toggleSelected){
this.d.removeDate(selectedDate);
} else if (alreadySelected && !this.opts.toggleSelected) {
this.d.lastSelectedDate = alreadySelected;
if (this.d.opts.timepicker) {
this.d.timepicker._setTime(alreadySelected);
this.d.timepicker.update();
}
}
},
@ -1877,7 +1887,7 @@
datepicker.Timepicker.prototype = {
init: function () {
var input = 'input';
this._setInitialTime(this.d.date);
this._setTime(this.d.date);
this._buildHTML();
if (navigator.userAgent.match(/trident/gi)) {
@ -1891,7 +1901,7 @@
this.$ranges.on('mouseout blur', this._onMouseOutRange.bind(this));
},
_setInitialTime: function (date, parse) {
_setTime: function (date) {
var _date = dp.getParsedDate(date);
this._handleDate(date);
@ -1984,15 +1994,13 @@
_updateRanges: function () {
this.$hours.attr({
min: this.minHours,
max: this.maxHours,
value: this.hours
});
max: this.maxHours
}).val(this.hours);
this.$minutes.attr({
min: this.minMinutes,
max: this.maxMinutes,
value: this.minutes
});
max: this.maxMinutes
}).val(this.minutes)
},
/**

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

File diff suppressed because one or more lines are too long

6
src/js/body.js
View File

@ -294,6 +294,12 @@
this.d._trigger('clickCell', selectedDate);
} else if (alreadySelected && this.opts.toggleSelected){
this.d.removeDate(selectedDate);
} else if (alreadySelected && !this.opts.toggleSelected) {
this.d.lastSelectedDate = alreadySelected;
if (this.d.opts.timepicker) {
this.d.timepicker._setTime(alreadySelected);
this.d.timepicker.update();
}
}
},

16
src/js/datepicker.js
View File

@ -434,8 +434,7 @@
// Set new time values from Date
if (this.timepicker) {
this.timepicker.hours = date.getHours();
this.timepicker.minutes = date.getMinutes();
this.timepicker._setTime(date);
}
// On this step timepicker will set valid values in it's instance
@ -445,7 +444,7 @@
// Prevent from setting hours or minutes which values are lesser then `min` value or
// greater then `max` value
if (this.timepicker) {
date.setHours(this.timepicker.hours)
date.setHours(this.timepicker.hours);
date.setMinutes(this.timepicker.minutes)
}
@ -626,9 +625,14 @@
},
_isSelected: function (checkDate, cellType) {
return this.selectedDates.some(function (date) {
return datepicker.isSame(date, checkDate, cellType)
})
var res = false;
this.selectedDates.some(function (date) {
if (datepicker.isSame(date, checkDate, cellType)) {
res = date;
return true;
}
});
return res;
},
_setInputValue: function () {

14
src/js/timepicker.js
View File

@ -27,7 +27,7 @@
datepicker.Timepicker.prototype = {
init: function () {
var input = 'input';
this._setInitialTime(this.d.date);
this._setTime(this.d.date);
this._buildHTML();
if (navigator.userAgent.match(/trident/gi)) {
@ -41,7 +41,7 @@
this.$ranges.on('mouseout blur', this._onMouseOutRange.bind(this));
},
_setInitialTime: function (date, parse) {
_setTime: function (date) {
var _date = dp.getParsedDate(date);
this._handleDate(date);
@ -134,15 +134,13 @@
_updateRanges: function () {
this.$hours.attr({
min: this.minHours,
max: this.maxHours,
value: this.hours
});
max: this.maxHours
}).val(this.hours);
this.$minutes.attr({
min: this.minMinutes,
max: this.maxMinutes,
value: this.minutes
});
max: this.maxMinutes
}).val(this.minutes)
},
/**

14
visual-tests.html
View File

@ -75,6 +75,20 @@
<h2>{timepicker: true}</h2>
<div class="datepicker-here" data-timepicker="true"></div>
</div>
<div class="vt-tile">
<h2>{onChange: ..., toggleSelected: false, range: true}</h2>
<input id="dp-5" class="datepicker-here" data-timepicker="true" />
<script type="text/javascript">
$('#dp-5').datepicker({
toggleSelected: false,
inline: true,
range: true,
onSelect: function (fd) {
log(fd)
}
})
</script>
</div>
<div class="vt-tile">
<h2>{timepicker: true}</h2>
<input class="datepicker-here" data-timepicker="true" />