Catch a parse error before reaching the console (with Custom Date Formats plugin)

[stefano-1973]

Hi,
i'm using TD 6.2.10 with customDateFormat setted with these initializations:

tempusDominus.extend(tempusDominus.plugins.customDateFormat);
tempusDominus.DefaultOptions.localization.format = 'yyyy-MM-dd HH:mm:ss';
tempusDominus.DefaultOptions.localization.locale = 'en-GB'; 

if I put an erroneous string in the input field form in the browser like "fdfsdfd", I obtain this error in the browser console:

tempus-dominus.min.js:6 Uncaught Error: TD: customDateFormat: Unable to parse provided input: fdfsdfd, format: yyyy-MM-dd HH:mm:ss
    at Object.customDateFormatError (tempus-dominus.min.js:6)
    at CustomDateFormat.parseFormattedInput (customDateFormat.js:138)
    at U.tdClasses.Dates.parseInput (customDateFormat.js:313)
    at U.setFromInput (tempus-dominus.min.js:6)
    at HTMLInputElement.W._inputChangeEvent (tempus-dominus.min.js:6) 

How to catch this error/event so I can clear the input erroneous text (or reset to old value or something else) AND not having an error in the browser console?

P.S.: I try to catch some events in this way:

	var theInput = document.getElementById('datetimepicker2Input');
	theInput.addEventListener('change',function(){ console.log("theInput change2!"); });
	theInput.addEventListener('change.td',function(){ console.log("theInput change.td!"); }); 
	theInput.addEventListener('error.td',function(){ console.log("theInput error.td!"); }); 
	theInput.addEventListener('error',function(){ console.log("theInput error!"); }); 
        
	var theDiv = document.getElementById('datetimepicker2');
	theDiv.addEventListener('change',function(){ console.log("theDiv change2!"); });
	theDiv.addEventListener('change.td',function(){ console.log("theDiv change.td!"); });
	theDiv.addEventListener('error.td',function(){ console.log("theDiv error.td!"); }); 
	theDiv.addEventListener('error',function(){ console.log("theDiv error!"); }); 

but from the output seems that I can only get change events:

theInput change2!
theDiv change2! 

You can try it in https://getdatepicker.com/6/repl.html using the "Localization" example;
here, if you put an erroneous string (es: "fdfsdfd") in the input field, you will not see an event but only an error in the console:

So, how to avoid the error in the console and "manage" the error to clear the input field(or reset to old value or something else) ?

Thank you

(Excuse me, now I have found the similar #2613 discussion.)

[Eonasdan]

Hi you might also be interested in #2793. I'm closing this since issues have been created that should address your concerns

[jasonmonroe]

I'm using TD v6.2.10 and everything is fine. As soon as I upgraded to v6.7.19 I get this JavaScript error:

tempus-dominus.esm.js:126 Uncaught Error: TD: Custom Date Format: Unable to parse provided input: 2023-11-13 14:39:07, format: L LT
at ErrorMessages.customDateFormatError (tempus-dominus.esm.js:126:1)
at DateTime.fromString (tempus-dominus.esm.js:1186:1)
at tryConvertToDateTime (tempus-dominus.esm.js:1636:1)
at convertToDateTime (tempus-dominus.esm.js:1654:1)
at OptionConverter.dateConversion (tempus-dominus.esm.js:2033:1)
at Dates.parseInput (tempus-dominus.esm.js:2129:1)
at Dates.setFromInput (tempus-dominus.esm.js:2143:1)
at TempusDominus._inputChangeEvent (tempus-dominus.esm.js:4208:1)
at TempusDominus._initializeInput (tempus-dominus.esm.js:4557:1)
at new TempusDominus (tempus-dominus.esm.js:4252:1)