add leading 0 of every entry
This commit is contained in:
@@ -39,16 +39,16 @@ const emit = defineEmits(["update:hour", "update:minute"]);
|
|||||||
const interval = ref(null);
|
const interval = ref(null);
|
||||||
const timeout = ref(null);
|
const timeout = ref(null);
|
||||||
|
|
||||||
const tempHour = ref(props.hour);
|
const tempHour = ref(String(props.hour).padStart(2, "0"));
|
||||||
const tempMinute = ref(props.minute);
|
const tempMinute = ref(String(props.minute).padStart(2, "0"));
|
||||||
|
|
||||||
|
|
||||||
watch(() => props.hour, (newVal) => {
|
watch(() => props.hour, (newVal) => {
|
||||||
tempHour.value = newVal;
|
tempHour.value = String(newVal).padStart(2, "0");
|
||||||
console.log("watch")
|
console.log("watch")
|
||||||
});
|
});
|
||||||
watch(() => props.minute, (newVal) => {
|
watch(() => props.minute, (newVal) => {
|
||||||
tempMinute.value = newVal;
|
tempMinute.value = String(newVal).padStart(2, "0");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
@@ -65,7 +65,7 @@ const validateHour = () => {
|
|||||||
|
|
||||||
const validateMinute = () => {
|
const validateMinute = () => {
|
||||||
const minute = Number(tempMinute.value);
|
const minute = Number(tempMinute.value);
|
||||||
if (!isNaN(minute) && minute >= 0 && minute <= 59) {
|
if (!isNaN(minute) && minute >= 0 && minute < 60) {
|
||||||
emit("update:minute", minute);
|
emit("update:minute", minute);
|
||||||
} else {
|
} else {
|
||||||
tempMinute.value = props.minute;
|
tempMinute.value = props.minute;
|
||||||
@@ -74,30 +74,26 @@ const validateMinute = () => {
|
|||||||
|
|
||||||
const incrementValue = (type) => {
|
const incrementValue = (type) => {
|
||||||
if (type == "hour") {
|
if (type == "hour") {
|
||||||
let newHour = tempHour.value + 1;
|
let newHour = props.hour + 1;
|
||||||
if (newHour >= 6 && newHour <= 18) {
|
if (newHour >= 6 && newHour <= 18) {
|
||||||
emit("update:hour", newHour);
|
emit("update:hour", newHour);
|
||||||
}
|
}
|
||||||
} else if (type === "minute") {
|
} else if (type === "minute") {
|
||||||
let newMinute = tempMinute.value + 1;
|
let newMinute = (props.minute + 1) % 60;
|
||||||
if (newMinute >= 0 && newMinute <= 59) {
|
|
||||||
emit("update:minute", newMinute);
|
emit("update:minute", newMinute);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const decrementValue = (type) => {
|
const decrementValue = (type) => {
|
||||||
if (type == "hour") {
|
if (type == "hour") {
|
||||||
let newHour = tempHour.value - 1;
|
let newHour = props.hour - 1;
|
||||||
if (newHour >= 6 && newHour <= 18) {
|
if (newHour >= 6 && newHour <= 18) {
|
||||||
emit("update:hour", newHour);
|
emit("update:hour", newHour);
|
||||||
}
|
}
|
||||||
} else if (type === "minute") {
|
} else if (type === "minute") {
|
||||||
let newMinute = tempMinute.value - 1;
|
let newMinute = (props.minute + 59) % 60;
|
||||||
if (newMinute >= 0 && newMinute <= 59) {
|
|
||||||
emit("update:minute", newMinute);
|
emit("update:minute", newMinute);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
const onIncrementClick = (type) => {
|
const onIncrementClick = (type) => {
|
||||||
incrementValue(type);
|
incrementValue(type);
|
||||||
|
|||||||
Reference in New Issue
Block a user