如何在Tempus Dominus datetimepicker中修复“未捕获的TypeError：无法读取未定义的属性'格式'”？

Question

我已将Tempus Dominus Bootstrap 4用作日期时间选择器。当用户在输入上放置无效值并进行聚焦（在组件外部单击）时，它将获得Uncaught TypeError: Cannot read property 'format' of undefined。

但是，预期的行为是这样的：https://i.imgur.com/MWgrBkB.mp4

如何解决该错误？

My Demo

更新：未为某人生成问题。 以下是产生问题的方法： https://i.imgur.com/F0BpgZQ.mp4

Answer 1

您可以尝试

$('.date-time-picker').datetimepicker
    ({
    format:'DD-MM-YYYY hh:mm',
    icons:{
    time:'far fa-clock'
    }
    })

Answer 2

如果有人要遇到类似的问题，请考虑从datepicker进行初始化，设置选项或获取选项：

https://tempusdominus.github.io/bootstrap-4/Options/

注意将选项初始化为$('#datetimepicker').datetimepicker({ sideBySide: true, debug: true })

注意要设置选项，请使用$('#datetimepicker').datetimepicker('sideBySide', true)

注意要获取选项值，请使用$('#datetimepicker').datetimepicker('sideBySide')

在我的情况下，我正在初始化通用js文件中的默认图标，然后在页面的本地js中再次初始化（Initialize选项）。 在本地js中，应该使用set options方法。