Use Functions in Tempus Dominus v6 with jQuery on Bootstrap 5

[DanielFG89]

Hello everyone.

We are migrating a project to Bootstrap 5. It is quite old, we used "Bootstrap 3 Datepicker v4". When using the functions we used the instructions indicated in the documentation;

• $('#datetimepicker').data("DateTimePicker").FUNCTION()

For example, we had an external button to clear the selected date with the following code;
$('#ID').data('DateTimePicker').clear();

We don't know what we are doing wrong. We have tried to replicate this behavior and have not found any way to use Tempus Dominus 6 functions from JS with Jquery.

Could the author or some other user point us to a way to do it correctly? We have found a simple example on the web accessing from Google, but it does not have any example of use of functions;

• https://getdatepicker.com/6/examples/jquery.html

Thanks in advance

[Eonasdan]

Hi. I've updated the jQuery StackBlitz example to include how to use the functions.

Please take a look at this migration tool for converting your configs. Also, be aware that v7 is now the active version and v6 is LTS for the next 6 months. There isn't a published version of 7 yet.

Bootstrap no longer has a jQuery dependency, and neither does the picker. I'd recommend you migrate away from jQuery if you can. jQuery support is a pretty low priority for me these days.

[DanielFG89]

Thank you very much Eonasdan.

We have been able to continue with the migration by knowing the selector that you have indicated.

We are very grateful that you have been able to dedicate your time to us.

[seek78]

Hi, I'm also trying to port from DateTimePicker (v 4) to TempusDominus (v 6.9), but once the various input boxes have been created, I can't access the various elements with the technique you have illustrated.

Any idea?