jQuery Input Masks for datetime input using American dates

Question

I'm using Robin Herbot's excellent jQuery Input Masks plugin. [ https://github.com/RobinHerbots/jquery.inputmask ]. It's quite complete and seems to have everything I need, but I can't seem to figure one thing out.

How do I create a mask like: "mm/dd/yyyy hh:mm pm" where both the date portion and the time portion work like the "date" and "time" masks work?

I can use date or time, but datetime uses the European dd/mm format rather than the mm/dd format I need. I've tried several permutations, but I'm clearly missing something and the documentation takes a lot for granted.

War10ck · Accepted Answer · 2014-01-31 16:57:36Z

6

jQuery Input Mask

$('#InputID').inputmask({
        mask: "2/1/y h:s t\\m",
        placeholder: "mm/dd/yyyy hh:mm xm",
        alias: "datetime",
        hourFormat: "12"
    });

Check other aliases.

edited Jan 31, 2014 at 16:57

War10ck

12.5k7 gold badges46 silver badges56 bronze badges

answered Jan 31, 2014 at 16:28

Bob

761 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

user2687646 · Accepted Answer · 2014-01-28 03:44:08Z

2

Go here: http://digitalbush.com/projects/masked-input-plugin/

Use this:

$('#InputID').mask("99/99/9999 99:99 aa");

You're welcome.

answered Jan 28, 2014 at 3:44

user2687646

2641 gold badge5 silver badges12 bronze badges

1 Comment

pbarney Over a year ago

I've tried this mask, and the problem with it is that it accepts ANY digit for the first character while the "date" alias knows to only put a 0 or 1 there. If the user presses 8, it puts a 0 in the first position and the 8 in the second position.

arghtype · Accepted Answer · 2014-08-20 14:06:39Z

0

Maskedinput plugin is the best solution for datetime type input - simply and lightweight.

As for "accepting ANY digit": you can easy modificate base js library regex by adding your own rules:

{ definitions: { 9: "[0-9]", 1: "[0-1]", 2: "[0-2]", a: "[A-Za-z]", "*": "[A-Za-z0-9]" }

edited Aug 20, 2014 at 14:06

arghtype

4,54211 gold badges51 silver badges62 bronze badges

answered Aug 20, 2014 at 13:42

Dunadan

231 silver badge7 bronze badges

Collectives™ on Stack Overflow

jQuery Input Masks for datetime input using American dates

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related