CODEWITHSUNDEEP
jqueryjquery-inputmask
pbarney
pbarney

Reputation: 2853

jQuery Input Masks for datetime input using American dates

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.

Upvotes: 4

Views: 23307

Answers (3)

Dunadan
Dunadan

Reputation: 23

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]" }

Upvotes: 0

Bob
Bob

Reputation: 76

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.

Upvotes: 6

user2687646
user2687646

Reputation: 264

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

Use this:

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

You're welcome.

Upvotes: 2

Related Questions