63 lines
2.1 KiB
JavaScript
63 lines
2.1 KiB
JavaScript
// **------ 1 Date Input**
|
|
const dateInputs = [
|
|
'.cleave-input-date',
|
|
'.month-input',
|
|
'.formatting-input',
|
|
'.formatting-delimter'
|
|
];
|
|
|
|
dateInputs.forEach(selector => {
|
|
try {
|
|
new Cleave(selector, {
|
|
date: true,
|
|
delimiter: selector === '.formatting-delimter' ? '.' : '/',
|
|
datePattern: selector === '.month-input' ? ['d', 'm'] : ['d', 'm', 'Y']
|
|
});
|
|
} catch (err) {
|
|
console.error(`Error initializing Cleave for ${selector}:`, err);
|
|
}
|
|
});
|
|
|
|
|
|
// **------ 2 Time Input**
|
|
|
|
const timeInputs = [
|
|
'.time-input',
|
|
'.min-sec-input',
|
|
'.hours-min-input'
|
|
];
|
|
|
|
timeInputs.forEach(selector => {
|
|
try {
|
|
new Cleave(selector, {
|
|
time: true,
|
|
timePattern: selector === '.min-sec-input' || selector === '.hours-min-input' ? ['h', 'm'] : ['h', 'm', 's']
|
|
});
|
|
} catch (err) {
|
|
console.error(`Error initializing Cleave for ${selector}:`, err);
|
|
}
|
|
});
|
|
|
|
|
|
// **------ 3 Custom Input**
|
|
|
|
const customInputs = [
|
|
{ selector: '.contact-input', options: { numeral: true, delimiter: '-', blocks: [3, 3, 4] } },
|
|
{ selector: '.formatting-contact', options: { delimiters: ['(', ')', '(', ')', '(', ')'], blocks: [0, 3, 0, 3, 0, 4, 0], uppercase: true } },
|
|
{ selector: '.credit-input', options: { creditCard: true } },
|
|
{ selector: '.numeral-input', options: { numeral: true, numeralThousandsGroupStyle: 'thousand' } },
|
|
{ selector: '.price-input', options: { numeral: true, prefix: '$', signBeforePrefix: true } },
|
|
{ selector: '.price-formatting', options: { numeral: true, prefix: '€', tailPrefix: true } },
|
|
{ selector: '.prefix-input', options: { blocks: [6, 3, 3, 3], prefix: '253874' } },
|
|
{ selector: '.prefix-del-input', options: { prefix: 'PREFIX', delimiters: ['-', '-', '.'], blocks: [6, 3, 3, 3, 2], uppercase: true } }
|
|
];
|
|
|
|
customInputs.forEach(({ selector, options }) => {
|
|
try {
|
|
new Cleave(selector, options);
|
|
} catch (err) {
|
|
console.error(`Error initializing Cleave for ${selector}:`, err);
|
|
}
|
|
});
|
|
|