Date Mask Inout as MM/DD/YYYY Using Javascript No jquery

Question

I try to have a Date Mask as MM/DD/YYYY appear as soon as user click on a textbox using only JavaScript or Typescript with using jQuery or any template. I have this JavaScript code:

function DateFormat() {
var date = this.value;
if (date.match(/^\d{4}$/) !== null) {
    this.value = date + '-';
} else if (date.match(/^\d{4}\-\d{2}$/) !== null) {
    this.value = date + '-';
}
 }

<input type="text" onclick="DateFormat();">

but I am getting this error:

Cannot read property 'match' of undefined

I would like to mask appeard like --/--/--when I click on the text box.

Sorry for being cheeky, but how about ``? – ippi Mar 28 '17 at 21:59 — ippi, Mar 28 '17 at 21:59

score 1 · Answer 1 · answered Mar 28 '17 at 22:02

The problem is that "this" isn't set to the input in the function, so this.value doesn't refer to anything. Try the following:

function DateFormat(input) {
    var date = input.value;
    if (date.match(/^\d{4}$/) !== null) {
        input.value = date + '-';
    } else if (date.match(/^\d{4}\-\d{2}$/) !== null) {
        input.value = date + '-';
    }
 }

<input type="text" onclick="DateFormat(this);">

Date Mask Inout as MM/DD/YYYY Using Javascript No jquery

1 Answers1