How to set MaskedInput of Time

[chule001Member]

Hello,

I was hoping that you could provide me with some sample on MaskInput to display time of HH:MM:SS AM/PM (08:30:00 AM). I’ve tried the following code, however it’s only display the time but not the AM/PM. Your help is truly appreciated. Thanks in advance.

EX:
var theme = ”;
$(“#appointmenttimeInput”).jqxMaskedInput({ width: ‘213px’, height: ’28px’, mask: ‘##:##:##’, theme: theme });

[DimitarParticipant]

Hello chule001,

Unfortunately, this cannot be achieved. However, you may find the widget jqxDateTimeInput much more suitable in this case. For example, please take a look at the demo Time Input.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[chule001Member]

Hello Dimitar,

Thank you for your feedback. Currently i have jqxDateTimeInput impletemented and they work great. However, the users wanted to visually see the mask for time. Do you have any other suggestion? thanks in advance.

Thank you.

[DimitarParticipant]

Hi chule001,

Another possibility is to set the mask property to “##:##:## [a-z][a-z]”, allowing the users to type AM or PM for themselves.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts