drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Correct year date navigation logic

Browse source
This commit is contained in:
Sergio Crisostomo 2018-01-19 10:59:44 +01:00
parent 8f6aeda4be
commit 77e43f2b87
2 changed files with 34 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/components/date-picker/panel/Date/date-range.vue
View file

@ -218,30 +218,44 @@
labels: labels.map(obj => ((obj.handler = handler(obj.type)), obj))
};
},
prevYear (direction) {
this.changePanelDate(direction, 'FullYear', -1);
prevYear (panel) {
console.log(this)
const increment = this.currentView === 'year' ? -10 : -1;
this.changePanelDate(panel, 'FullYear', increment);
},
nextYear (direction) {
this.changePanelDate(direction, 'FullYear', 1);
nextYear (panel) {
const increment = this.currentView === 'year' ? 10 : 1;
this.changePanelDate(panel, 'FullYear', increment);
},
prevMonth(direction){
this.changePanelDate(direction, 'Month', -1);
prevMonth(panel){
this.changePanelDate(panel, 'Month', -1);
},
nextMonth(direction){
this.changePanelDate(direction, 'Month', 1);
nextMonth(panel){
this.changePanelDate(panel, 'Month', 1);
},
changePanelDate(panel, type, increment){
const current = new Date(this[`${panel}PanelDate`]);
current[`set${type}`](current[`get${type}`]() + increment);
this[`${panel}PanelDate`] = current;
// change other panels if they overlap
const otherPanel = panel === 'left' ? 'right' : 'left';
if (panel === 'left' && this.leftPanelDate >= this.rightPanelDate){
this.changePanelDate(otherPanel, type, 1);
}
if (panel === 'right' && this.rightPanelDate <= this.leftPanelDate){
this.changePanelDate(otherPanel, type, -1);
if (this.splitPanels){
// change other panel if dates overlap
const otherPanel = panel === 'left' ? 'right' : 'left';
if (panel === 'left' && this.leftPanelDate >= this.rightPanelDate){
this.changePanelDate(otherPanel, type, 1);
}
if (panel === 'right' && this.rightPanelDate <= this.leftPanelDate){
this.changePanelDate(otherPanel, type, -1);
}
} else {
// keep the panels together
const otherPanel = panel === 'left' ? 'right' : 'left';
const otherCurrent = new Date(this[`${otherPanel}PanelDate`]);
otherCurrent[`set${type}`](otherCurrent[`get${type}`]() + increment);
if (current[`get${type}`]() !== otherCurrent[`get${type}`]()){
this[`${otherPanel}PanelDate`] = otherCurrent;
}
}
},
showYearPicker () {

6
src/components/date-picker/panel/Date/date.vue
View file

@ -145,7 +145,11 @@
},
methods: {
changeYear(dir){
this.panelDate = siblingMonth(this.panelDate, dir * 12);
if (this.selectionMode === 'year'){
this.panelDate = new Date(this.panelDate.getFullYear() + dir * 10, 0, 1);
} else {
this.panelDate = siblingMonth(this.panelDate, dir * 12);
}
},
changeMonth(dir){
this.panelDate = siblingMonth(this.panelDate, dir);