/* Input Mask plugin extensions http://github.com/RobinHerbots/jquery.inputmask Copyright (c) Robin Herbots Licensed under the MIT license */ var Inputmask = require("../inputmask"), $ = Inputmask.dependencyLib, //supported codes for formatting //http://blog.stevenlevithan.com/archives/date-time-format //https://docs.microsoft.com/en-us/dotnet/standard/base-types/custom-date-and-time-format-strings?view=netframework-4.7 formatCode = { //regex, valueSetter, type, displayformatter d: ["[1-9]|[12][0-9]|3[01]", Date.prototype.setDate, "day", Date.prototype.getDate], //Day of the month as digits; no leading zero for single-digit days. dd: ["0[1-9]|[12][0-9]|3[01]", Date.prototype.setDate, "day", function () { return pad(Date.prototype.getDate.call(this), 2); }], //Day of the month as digits; leading zero for single-digit days. ddd: [""], //Day of the week as a three-letter abbreviation. dddd: [""], //Day of the week as its full name. m: ["[1-9]|1[012]", Date.prototype.setMonth, "month", function () { return Date.prototype.getMonth.call(this) + 1; }], //Month as digits; no leading zero for single-digit months. mm: ["0[1-9]|1[012]", Date.prototype.setMonth, "month", function () { return pad(Date.prototype.getMonth.call(this) + 1, 2); }], //Month as digits; leading zero for single-digit months. mmm: [""], //Month as a three-letter abbreviation. mmmm: [""], //Month as its full name. yy: ["[0-9]{2}", Date.prototype.setFullYear, "year", function () { return pad(Date.prototype.getFullYear.call(this), 2); }], //Year as last two digits; leading zero for years less than 10. yyyy: ["[0-9]{4}", Date.prototype.setFullYear, "year", function () { return pad(Date.prototype.getFullYear.call(this), 4); }], h: ["[1-9]|1[0-2]", Date.prototype.setHours, "hours", Date.prototype.getHours], //Hours; no leading zero for single-digit hours (12-hour clock). hh: ["0[1-9]|1[0-2]", Date.prototype.setHours, "hours", function () { return pad(Date.prototype.getHours.call(this), 2); }], //Hours; leading zero for single-digit hours (12-hour clock). hhh: ["[0-9]+", Date.prototype.setHours, "hours", Date.prototype.getHours], //Hours; no limit H: ["1?[0-9]|2[0-3]", Date.prototype.setHours, "hours", Date.prototype.getHours], //Hours; no leading zero for single-digit hours (24-hour clock). HH: ["0[0-9]|1[0-9]|2[0-3]", Date.prototype.setHours, "hours", function () { return pad(Date.prototype.getHours.call(this), 2); }], //Hours; leading zero for single-digit hours (24-hour clock). HHH: ["[0-9]+", Date.prototype.setHours, "hours", Date.prototype.getHours], //Hours; no limit M: ["[1-5]?[0-9]", Date.prototype.setMinutes, "minutes", Date.prototype.getMinutes], //Minutes; no leading zero for single-digit minutes. Uppercase M unlike CF timeFormat's m to avoid conflict with months. MM: ["0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]", Date.prototype.setMinutes, "minutes", function () { return pad(Date.prototype.getMinutes.call(this), 2); }], //Minutes; leading zero for single-digit minutes. Uppercase MM unlike CF timeFormat's mm to avoid conflict with months. s: ["[1-5]?[0-9]", Date.prototype.setSeconds, "seconds", Date.prototype.getSeconds], //Seconds; no leading zero for single-digit seconds. ss: ["0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]", Date.prototype.setSeconds, "seconds", function () { return pad(Date.prototype.getSeconds.call(this), 2); }], //Seconds; leading zero for single-digit seconds. l: ["[0-9]{3}", Date.prototype.setMilliseconds, "milliseconds", function () { return pad(Date.prototype.getMilliseconds.call(this), 3); }], //Milliseconds. 3 digits. L: ["[0-9]{2}", Date.prototype.setMilliseconds, "milliseconds", function () { return pad(Date.prototype.getMilliseconds.call(this), 2); }], //Milliseconds. 2 digits. t: ["[ap]"], //Lowercase, single-character time marker string: a or p. tt: ["[ap]m"], //two-character time marker string: am or pm. T: ["[AP]"], //single-character time marker string: A or P. TT: ["[AP]M"], //two-character time marker string: AM or PM. Z: [""], //US timezone abbreviation, e.g. EST or MDT. With non-US timezones or in the Opera browser, the GMT/UTC offset is returned, e.g. GMT-0500 o: [""], //GMT/UTC timezone offset, e.g. -0500 or +0230. S: [""] //The date's ordinal suffix (st, nd, rd, or th). }, formatAlias = { isoDate: "yyyy-mm-dd", //2007-06-09 isoTime: "HH:MM:ss", //17:46:21 isoDateTime: "yyyy-mm-dd'T'HH:MM:ss", //2007-06-09T17:46:21 isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'" //2007-06-09T22:46:21Z }; function getTokenizer(opts) { if (!opts.tokenizer) { var tokens = []; for (var ndx in formatCode) { if (tokens.indexOf(ndx[0]) === -1) { tokens.push(ndx[0]); } } opts.tokenizer = "(" + tokens.join("+|") + ")+?|."; opts.tokenizer = new RegExp(opts.tokenizer, "g"); } return opts.tokenizer; } function isValidDate(dateParts, currentResult) { return !isFinite(dateParts.rawday) || (dateParts.day == "29" && !isFinite(dateParts.rawyear)) || new Date(dateParts.date.getFullYear(), isFinite(dateParts.rawmonth) ? dateParts.month : dateParts.date.getMonth() + 1, 0).getDate() >= dateParts.day ? currentResult : false; //take corrective action if possible } function isDateInRange(dateParts, opts) { var result = true; if (opts.min) { if (dateParts["rawyear"]) { var rawYear = dateParts["rawyear"].replace(/[^0-9]/g, ""), minYear = opts.min.year.substr(0, rawYear.length); result = minYear <= rawYear; } if (dateParts["year"] === dateParts["rawyear"]) { if (opts.min.date.getTime() === opts.min.date.getTime()) { result = opts.min.date.getTime() <= dateParts.date.getTime(); } } } if (result && opts.max && opts.max.date.getTime() === opts.max.date.getTime()) { result = opts.max.date.getTime() >= dateParts.date.getTime(); } return result; } //parse the given format and return a mask pattern //when a dateObjValue is passed a datestring in the requested format is returned function parse(format, dateObjValue, opts, raw) { //parse format to regex string var mask = "", match; while ((match = getTokenizer(opts).exec(format))) { if (dateObjValue === undefined) { if (formatCode[match[0]]) { mask += "(" + formatCode[match[0]][0] + ")"; } else { switch (match[0]) { case "[": mask += "("; break; case "]": mask += ")?"; break; default: mask += Inputmask.escapeRegex(match[0]); } } } else { if (formatCode[match[0]]) { if (raw !== true && formatCode[match[0]][3]) { var getFn = formatCode[match[0]][3]; mask += getFn.call(dateObjValue.date); } else if (formatCode[match[0]][2]) { mask += dateObjValue["raw" + formatCode[match[0]][2]]; } else { mask += match[0]; } } else { mask += match[0]; } } } return mask; } //padding function function pad(val, len) { val = String(val); len = len || 2; while (val.length < len) val = "0" + val; return val; } function analyseMask(maskString, format, opts) { var dateObj = {"date": new Date(1, 0, 1)}, targetProp, mask = maskString, match, dateOperation; function extendProperty(value) { var correctedValue = value.replace(/[^0-9]/g, "0"); // if (correctedValue != value) { //only do correction on incomplete values // //determine best validation match // var enteredPart = value.replace(/[^0-9]/g, ""), // enteredPartIndex = value.indexOf(enteredPart), // minPart = (opts.min && opts.min[targetProp] || value).slice(enteredPartIndex, enteredPartIndex + enteredPart.length), // maxPart = (opts.max && opts.max[targetProp] || value).slice(enteredPartIndex, enteredPartIndex + enteredPart.length), // correctedPart = enteredPart < minPart ? minPart : (enteredPart > maxPart ? maxPart : correctedValue.slice(enteredPartIndex, enteredPartIndex + enteredPart.length)); // correctedValue = correctedValue.split(""); // correctedValue.splice(enteredPartIndex, 1, correctedPart); // correctedValue = correctedValue.join(""); // } return correctedValue; } function setValue(dateObj, value, opts) { dateObj[targetProp] = extendProperty(value); dateObj["raw" + targetProp] = value; if (dateOperation !== undefined) { dateOperation.call(dateObj.date, targetProp == "month" ? parseInt(dateObj[targetProp]) - 1 : dateObj[targetProp]); } } if (typeof mask === "string") { while ((match = getTokenizer(opts).exec(format))) { var value = mask.slice(0, match[0].length); if (formatCode.hasOwnProperty(match[0])) { // targetValidator = formatCode[match[0]][0]; targetProp = formatCode[match[0]][2]; dateOperation = formatCode[match[0]][1]; setValue(dateObj, value, opts); } mask = mask.slice(value.length); } return dateObj; } else if (mask && typeof mask === "object" && mask.hasOwnProperty("date")) { return mask; } return undefined; } Inputmask.extendAliases({ "datetime": { mask: function (opts) { //localize formatCode.S = opts.i18n.ordinalSuffix.join("|"); opts.inputFormat = formatAlias[opts.inputFormat] || opts.inputFormat; //resolve possible formatAlias opts.displayFormat = formatAlias[opts.displayFormat] || opts.displayFormat || opts.inputFormat; //resolve possible formatAlias opts.outputFormat = formatAlias[opts.outputFormat] || opts.outputFormat || opts.inputFormat; //resolve possible formatAlias opts.placeholder = opts.placeholder !== "" ? opts.placeholder : opts.inputFormat.replace(/[[\]]/, ""); opts.regex = parse(opts.inputFormat, undefined, opts); // console.log(opts.regex); return null; //migrate to regex mask }, placeholder: "", //set default as none (~ auto); when a custom placeholder is passed it will be used inputFormat: "isoDateTime", //format used to input the date displayFormat: undefined, //visual format when the input looses focus outputFormat: undefined, //unmasking format min: null, //needs to be in the same format as the inputfornat max: null, //needs to be in the same format as the inputfornat, // Internationalization strings i18n: { dayNames: [ "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ], monthNames: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], ordinalSuffix: ["st", "nd", "rd", "th"] }, preValidation: function (buffer, pos, c, isSelection, opts, maskset) { var calcPos = 0, targetMatch, match; if (isNaN(c) && buffer[pos] !== c) { while ((match = getTokenizer(opts).exec(opts.inputFormat))) { calcPos += match[0].length; if (calcPos >= pos) { targetMatch = match; match = getTokenizer(opts).exec(opts.inputFormat); break; } } if (match && match[0] === c && targetMatch[0].length > 1) { buffer[pos] = buffer[pos - 1]; buffer[pos - 1] = "0"; return { fuzzy: true, buffer: buffer, refreshFromBuffer: {start: pos - 1, end: pos + 1}, pos: pos + 1 }; } } return true; }, postValidation: function (buffer, pos, currentResult, opts) { opts.min = analyseMask(opts.min, opts.inputFormat, opts); opts.max = analyseMask(opts.max, opts.inputFormat, opts); if (currentResult.fuzzy) { buffer = currentResult.buffer; pos = currentResult.pos; } var result = currentResult, dateParts = analyseMask(buffer.join(""), opts.inputFormat, opts); if (result && dateParts.date.getTime() === dateParts.date.getTime()) { //check for a valid date ~ an invalid date returns NaN which isn't equal result = isValidDate(dateParts, result); result = result && isDateInRange(dateParts, opts); } if (pos && result && currentResult.pos !== pos) { return { buffer: parse(opts.inputFormat, dateParts, opts), refreshFromBuffer: {start: pos, end: currentResult.pos} }; } return result; }, onKeyDown: function (e, buffer, caretPos, opts) { var input = this; if (e.ctrlKey && e.keyCode === Inputmask.keyCode.RIGHT) { var today = new Date(), match, date = ""; while ((match = getTokenizer(opts).exec(opts.inputFormat))) { if (match[0].charAt(0) === "d") { date += pad(today.getDate(), match[0].length); } else if (match[0].charAt(0) === "m") { date += pad((today.getMonth() + 1), match[0].length); } else if (match[0] === "yyyy") { date += today.getFullYear().toString(); } else if (match[0].charAt(0) === "y") { date += pad(today.getYear(), match[0].length); } } input.inputmask._valueSet(date); $(input).trigger("setvalue"); } }, onUnMask: function (maskedValue, unmaskedValue, opts) { return unmaskedValue ? parse(opts.outputFormat, analyseMask(maskedValue, opts.inputFormat, opts), opts, true) : unmaskedValue; }, casing: function (elem, test, pos, validPositions) { if (test.nativeDef.indexOf("[ap]") == 0) return elem.toLowerCase(); if (test.nativeDef.indexOf("[AP]") == 0) return elem.toUpperCase(); return elem; }, insertMode: false, shiftPositions: false } }); module.exports = Inputmask;