@magic-xpa/angular 4.1000.0-dev4100.344 → 4.1000.0-dev4100.346
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3248,38 +3248,97 @@ class MgformatMagicDirective {
|
|
|
3248
3248
|
}
|
|
3249
3249
|
dateMasking(event) {
|
|
3250
3250
|
const input = event.target;
|
|
3251
|
-
|
|
3252
|
-
|
|
3253
|
-
|
|
3254
|
-
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3251
|
+
let cursorPos = event.target.selectionStart;
|
|
3252
|
+
const separator = this._task.mgInputDateFormat.includes('/') ? '/' : '-';
|
|
3253
|
+
if (cursorPos >= input.value.length) {
|
|
3254
|
+
const value = input.value.replace(/[^a-zA-Z0-9]/g, '');
|
|
3255
|
+
if (this._task.mgInputDateFormat == "dd/MM/yyyy" || this._task.mgInputDateFormat == "MM/dd/yyyy" || this._task.mgInputDateFormat == "dd-MM-yyyy" || this._task.mgInputDateFormat == "MM-dd-yyyy") {
|
|
3256
|
+
if (value.length <= 2) {
|
|
3257
|
+
input.value = value;
|
|
3258
|
+
}
|
|
3259
|
+
else if (value.length <= 4) {
|
|
3260
|
+
input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2)}`;
|
|
3261
|
+
}
|
|
3262
|
+
else {
|
|
3263
|
+
input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2, 4)}` + separator + `${value.slice(4, 8)}`;
|
|
3264
|
+
}
|
|
3258
3265
|
}
|
|
3259
|
-
else {
|
|
3260
|
-
|
|
3266
|
+
else if (this._task.mgInputDateFormat == "yyyy/MM/dd" || this._task.mgInputDateFormat == "yyyy/dd/MM" || this._task.mgInputDateFormat == "yyyy-MM-dd" || this._task.mgInputDateFormat == "yyyy-dd-MM") {
|
|
3267
|
+
if (value.length <= 4) {
|
|
3268
|
+
input.value = value;
|
|
3269
|
+
}
|
|
3270
|
+
else if (value.length <= 6) {
|
|
3271
|
+
input.value = `${value.slice(0, 4)}` + separator + `${value.slice(4)}`;
|
|
3272
|
+
}
|
|
3273
|
+
else {
|
|
3274
|
+
input.value = `${value.slice(0, 4)}` + separator + `${value.slice(4, 6)}` + separator + `${value.slice(6, 8)}`;
|
|
3275
|
+
}
|
|
3261
3276
|
}
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3277
|
+
else if (this._task.mgInputDateFormat == "dd/MM/yy" || this._task.mgInputDateFormat == "yy/MM/dd" || this._task.mgInputDateFormat == "MM/dd/yy" || this._task.mgInputDateFormat == "yy/dd/MM" || this._task.mgInputDateFormat == "dd-MM-yy" || this._task.mgInputDateFormat == "yy-MM-dd" || this._task.mgInputDateFormat == "MM-dd-yy" || this._task.mgInputDateFormat == "yy-dd-MM") {
|
|
3278
|
+
if (value.length <= 2) {
|
|
3279
|
+
input.value = value;
|
|
3280
|
+
}
|
|
3281
|
+
else if (value.length <= 4) {
|
|
3282
|
+
input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2)}`;
|
|
3283
|
+
}
|
|
3284
|
+
else {
|
|
3285
|
+
input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2, 4)}` + separator + `${value.slice(4, 6)}`;
|
|
3286
|
+
}
|
|
3266
3287
|
}
|
|
3267
|
-
else if (
|
|
3268
|
-
|
|
3288
|
+
else if (this._task.mgInputDateFormat == "dd/MMM/yy" || this._task.mgInputDateFormat == "dd-MMM-yy") {
|
|
3289
|
+
if (value.length <= 2) {
|
|
3290
|
+
input.value = value;
|
|
3291
|
+
}
|
|
3292
|
+
else if (value.length <= 5) {
|
|
3293
|
+
input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2)}`;
|
|
3294
|
+
}
|
|
3295
|
+
else {
|
|
3296
|
+
input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2, 5)}` + separator + `${value.slice(5, 7)}`;
|
|
3297
|
+
}
|
|
3269
3298
|
}
|
|
3270
|
-
else {
|
|
3271
|
-
|
|
3299
|
+
else if (this._task.mgInputDateFormat == "yy/dd/MMM" || this._task.mgInputDateFormat == "yy-dd-MMM") {
|
|
3300
|
+
if (value.length <= 2) {
|
|
3301
|
+
input.value = value;
|
|
3302
|
+
}
|
|
3303
|
+
else if (value.length <= 4) {
|
|
3304
|
+
input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2)}`;
|
|
3305
|
+
}
|
|
3306
|
+
else {
|
|
3307
|
+
input.value = `${value.slice(0, 2)}` + separator + `${value.slice(2, 4)}` + separator + `${value.slice(4, 7)}`;
|
|
3308
|
+
}
|
|
3272
3309
|
}
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3310
|
+
else if (this._task.mgInputDateFormat == "yyyy/dd/MMM" || this._task.mgInputDateFormat == "yyyy-dd-MMM") {
|
|
3311
|
+
if (value.length <= 4) {
|
|
3312
|
+
input.value = value;
|
|
3313
|
+
}
|
|
3314
|
+
else if (value.length <= 6) {
|
|
3315
|
+
input.value = `${value.slice(0, 4)}` + separator + `${value.slice(4)}`;
|
|
3316
|
+
}
|
|
3317
|
+
else {
|
|
3318
|
+
input.value = `${value.slice(0, 4)}` + separator + `${value.slice(4, 6)}` + separator + `${value.slice(6, 9)}`;
|
|
3319
|
+
}
|
|
3277
3320
|
}
|
|
3278
|
-
else if (
|
|
3279
|
-
|
|
3321
|
+
else if (this._task.mgInputDateFormat == "MMM/dd/yy" || this._task.mgInputDateFormat == "MMM-dd-yy") {
|
|
3322
|
+
if (value.length <= 3) {
|
|
3323
|
+
input.value = value;
|
|
3324
|
+
}
|
|
3325
|
+
else if (value.length <= 5) {
|
|
3326
|
+
input.value = `${value.slice(0, 3)}` + separator + `${value.slice(3)}`;
|
|
3327
|
+
}
|
|
3328
|
+
else {
|
|
3329
|
+
input.value = `${value.slice(0, 3)}` + separator + `${value.slice(3, 5)}` + separator + `${value.slice(5, 7)}`;
|
|
3330
|
+
}
|
|
3280
3331
|
}
|
|
3281
|
-
else {
|
|
3282
|
-
|
|
3332
|
+
else if (this._task.mgInputDateFormat == "MMM/dd/yyyy" || this._task.mgInputDateFormat == "MMM-dd-yyyy") {
|
|
3333
|
+
if (value.length <= 3) {
|
|
3334
|
+
input.value = value;
|
|
3335
|
+
}
|
|
3336
|
+
else if (value.length <= 5) {
|
|
3337
|
+
input.value = `${value.slice(0, 3)}` + separator + `${value.slice(3)}`;
|
|
3338
|
+
}
|
|
3339
|
+
else {
|
|
3340
|
+
input.value = `${value.slice(0, 3)}` + separator + `${value.slice(3, 5)}` + separator + `${value.slice(5, 9)}`;
|
|
3341
|
+
}
|
|
3283
3342
|
}
|
|
3284
3343
|
}
|
|
3285
3344
|
}
|