opensource/filament
3
0
Fork 0
mirror of https://github.com/filamentphp/filament.git synced 2026-09-24 15:42:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #344 from tanthammar/patch-1

Browse Source 
Fix hour, minute, seconds in date-time-picker
This commit is contained in:
Dan Harrin
2021-04-12 23:02:46 +01:00
committed by GitHub
parent 60f578398d 7d5a0a25c1
commit 68608002a7
1 changed files with 39 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/forms/resources/views/components/date-time-picker.blade.php
+39 -3
View File
@@ -187,7 +187,17 @@
})
this.$watch('hour', () => {
this.hour = Number.isInteger(+this.hour) && this.hour >= 0 && this.hour < 24 ? +this.hour : dayjs().hour()
let hour = +this.hour
if (! Number.isInteger(hour) || hour > 23) {
this.hour = 0
this.focusNextDay()
} else if (hour < 0) {
this.hour = 23
this.focusPreviousDay()
} else {
this.hour = hour
}
let date = this.getSelectedDate()
@@ -197,7 +207,17 @@
})
this.$watch('minute', () => {
this.minute = Number.isInteger(+this.minute) && this.minute >= 0 && this.minute < 60 ? +this.minute : dayjs().minute()
let minute = +this.minute
if (! Number.isInteger(minute) || minute > 59) {
this.minute = 0
this.hour++
} else if (minute < 0) {
this.minute = 59
this.hour--
} else {
this.minute = minute
}
let date = this.getSelectedDate()
@@ -207,7 +227,17 @@
})
this.$watch('second', () => {
this.second = Number.isInteger(+this.second) && this.second >= 0 && this.second < 60 ? +this.second : dayjs().second()
let second = +this.second
if (! Number.isInteger(second) || second > 59) {
this.second = 0
this.minute++
} else if (second < 0) {
this.second = 59
this.minute--
} else {
this.second = second
}
let date = this.getSelectedDate()
@@ -466,6 +496,8 @@
@if ($formComponent->hasTime())
<div class="flex items-center justify-center py-2 bg-gray-100 rounded">
<input
max="23"
min="0"
type="number"
x-model.debounce="hour"
class="w-16 p-0 pr-1 text-xl text-center text-gray-700 bg-gray-100 border-0 focus:ring-0 focus:outline-none"
@@ -474,6 +506,8 @@
<span class="text-xl font-medium text-gray-700 bg-gray-100">:</span>
<input
max="59"
min="0"
type="number"
x-model.debounce="minute"
class="w-16 p-0 pr-1 text-xl text-center text-gray-700 bg-gray-100 border-0 focus:ring-0 focus:outline-none"
@@ -483,6 +517,8 @@
<span class="text-xl font-medium text-gray-700 bg-gray-100">:</span>
<input
max="59"
min="0"
type="number"
x-model.debounce="second"
class="w-16 p-0 pr-1 text-xl text-center text-gray-700 bg-gray-100 border-0 focus:ring-0 focus:outline-none"