Inputmask icon indicating copy to clipboard operation
Inputmask copied to clipboard

Problem with alias: "datetime" and inputFormat: "HH:MM", strange behavior when I set value manually

Open julienGrd opened this issue 3 years ago • 2 comments

hello, i use this component for format a HH:mm time (24 hours format).

I struggle to set value to my input. When i do this, the component have a really strange behavior : the caret can stay stuck in the :, or when i put a 2 in the first digit it automatically validate the hours parts.

If i don't set default value, the component seem to work perfectly

I even dont know which type of value give to the component, i tried HH:mm and HHmm but same result

you can find a fiddle showing the error here https://jsfiddle.net/hrwsm35q/3/

Put your cursor on the begginning of the textbox and write 2, instead of going to the second character it go directly to the minutes part.

thanks for your help !

Julien Gourdon

julienGrd avatar Apr 07 '21 12:04 julienGrd

I also noticed a bug in the use of H:M (hours and minutes without leading zero). There is also a strange behavior. By entering a 1 for the hour, a second separator (:) appears that you will not get rid of. If you then type a number for the minute, another placeholder appears for the hour. But an input of 1:5 would have to be correct. If you enter a two-digit hour and a single-digit minute, you get another separator. You can find a demo here: https://jsfiddle.net/qzod6x18/

TommasoMaiocchi avatar May 05 '21 10:05 TommasoMaiocchi

I have the same problem with: H:M, H:MM, H:M:ss masks

wppunk avatar Jun 16 '22 20:06 wppunk