How to set a default value to an element, formatted with Cleave.js?

Question

I've tried to set default value by setting a value property:

new Cleave('.cleave-input-class-name', {
                time: true,
                timePattern: ['h', 'm']
            });
$(.cleave-input-class-name).value = '09:00';

Also I tried to do it without jQuery, it didn't work as well. How to set a default value to a Cleave-formatted input element?

Carl Edwards · Accepted Answer · 2020-11-18T21:42:46.117

2

You're mixing JS's native value assignment with jQuery, which won't work. Instead you'd use val(). You also need to inclose your selector in quotes (may have been intentional):

$('.cleave-input-class-name').val('09:00');

edited Nov 18 '20 at 21:42

answered Nov 18 '20 at 21:37

Carl Edwards

13,826
11
57
119

@majorMobilych Great! Please don't forget to mark this as the correct answer. – Carl Edwards Nov 18 '20 at 22:21

How to set a default value to an element, formatted with Cleave.js?

1 Answers1