tommy/mobilizon
1
0
Fork 0
forked from potsda.mn/mobilizon
Code Pull requests Activity

Merge branch 'improve-event-edit-timepicker' into 'master'

Browse source 
Only restrict event time picker times when same day

See merge request framasoft/mobilizon!511
This commit is contained in:
Thomas Citharel 2020-07-07 10:29:20 +02:00
parent 2a89acb6db 315353ea83
commit 744c040d0d
1 changed files with 24 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
js/src/components/Event/DateTimePicker.vue
View file

@ -34,8 +34,8 @@
placeholder="Type or select a time..."
icon="clock"
v-model="dateWithTime"
:min-time="minDatetime"
:max-time="maxDatetime"
:min-time="minTime"
:max-time="maxTime"
size="is-small"
inline
>
@ -100,6 +100,28 @@ export default class DateTimePicker extends Vue {
*/
this.$emit("input", this.dateWithTime);
}
get minTime(): Date | null {
if (this.minDatetime && this.datesAreOnSameDay(this.dateWithTime, this.minDatetime)) {
return this.minDatetime;
}
return null;
}
get maxTime(): Date | null {
if (this.maxDatetime && this.datesAreOnSameDay(this.dateWithTime, this.maxDatetime)) {
return this.maxDatetime;
}
return null;
}
private datesAreOnSameDay(first: Date, second: Date): boolean {
return (
first.getFullYear() === second.getFullYear() &&
first.getMonth() === second.getMonth() &&
first.getDate() === second.getDate()
);
}
}
</script>