when format was default (hh:mma) arrows worked perfectly. But when I choose hh:mm inpu

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

24hr format input problems about ps-input-time HOT 4 OPEN

randallmeeker commented on August 23, 2024

24hr format input problems

from ps-input-time.

Comments (4)

randallmeeker commented on August 23, 2024

That's no good at all. I will look into it, or if you want to create a PR that would be fine as well.

from ps-input-time.

morriq commented on August 23, 2024

👍

I can't dive in logical part but there is workaround fast for it:

else if (checkTimeFormat(element.val()) != 'invalid') { ... }

overwrite with:

else if (checkTimeFormat(element.val()) != 'invalid') {return true}

and

if (!verified) { element.val(formatter(ngModel.$modelValue)); }

overwrite with

if (!verified) {
                    var caret = element.prop("selectionStart");

                    var beforeValue = formatter(ngModel.$modelValue);
                    var afterValue  = element.val();

                    var changedValue = replaceAt(beforeValue, caret - 1, afterValue[caret - 1]);
                    var hours   = Math.min(changedValue.split(/[;:]/)[0], 23);
                    var minutes = Math.min(changedValue.split(/[;:]/)[1], 59);

                    var tmpDate = new Date(ngModel.$modelValue.getTime());
                    tmpDate.setHours(hours);
                    tmpDate.setMinutes(minutes);

                    if (!isNaN(tmpDate.getTime())) {
                        ngModel.$setViewValue(tmpDate);
                    } else {
                        --caret;
                    }
                    element.val(formatter(ngModel.$modelValue));
                    // skip : char
                    if (caret === 2) {
                        element[0].setSelectionRange(3, 5);
                    } else {
                        element[0].setSelectionRange(caret, caret + 1);
                    }
                    return false;
                }

from ps-input-time.

morriq commented on August 23, 2024

@thecyberd3m0n and you have wrong format. you should set HH:mm instead of hh:mm

from ps-input-time.