如何在 Tempus Dominus datetimepicker 中修复“未捕获的类型错误：无法读取未定义的属性‘格式’”？答案

【问题标题】：How to fix "Uncaught TypeError: Cannot read property 'format' of undefined" at Tempus Dominus datetimepicker?如何在 Tempus Dominus datetimepicker 中修复“未捕获的类型错误：无法读取未定义的属性‘格式’”？
【发布时间】：2019-09-12 10:39:04
【问题描述】：

我使用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

【问题讨论】：

我的工作正常。
我的工作也很好。
这是我的 codepen 演示的问题视频：i.imgur.com/F0BpgZQ.mp4
我也发现了一个开放的 github 问题：github.com/tempusdominus/bootstrap-4/issues/55

标签： javascript tempus-dominus-datetimepicker

【解决方案1】：

你可以试试这个

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

【讨论】：

【解决方案2】：

如果有人遇到类似问题，请考虑您是在初始化、设置选项还是从日期选择器获取选项：

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

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

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

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

在我的例子中，我正在初始化一个通用 js 文件中的默认图标，并在页面的本地 js 中再次初始化（初始化选项）。应该在本地js中使用set options方法。

【讨论】：