Prevent date input pop-up JS code

[Chem]

If you’d like, you can also take this one step further and add an Input Mask.

See the following post for instructions on setting it up.

Set "inputmode" on a currency field to "decimal"?

Hey all, This keeps on coming up in support so I’m just going to leave this reply with simple, clear, and clean instructions that also uses the Tadabase JavaScript API (now that this is an option). Here’s a working demo you can check out. https://tutorials.tadabase.io/input-mask/demo Please note that I’ve tested this with a Text Field and Currency field. The number field seems to override the input mask and will not work at the time of writing this. Add the CDN to the Custom Footer Code fo…

And this is how that would look and the code for a Date, Time, and Date/Time field
Feel free to play around with the form yourself by clicking here.

TB.render('component_ID', function(data) {
	data.ele.find('.input-group-btn').remove();
	
	// Date Input
    data.ele.find('.date-input-mask input').inputmask({
        alias: 'datetime',
        inputFormat: "mm/dd/yyyy"
    });
    
    // Time Input
    data.ele.find('.time-input-mask input').inputmask({
        alias: 'datetime',
        inputFormat: "HH:MM TT"
    });
    
    // Date/Time Input
    data.ele.find('.datetime-input-mask input').inputmask({
        alias: 'datetime',
        inputFormat: "mm/dd/yyyy HH:MM TT"
    });
    
});