问题标签 [tempus-dominus-datetimepicker]

在 Tempus Dominus Bootstrap 4 datetimepicker 中选择日期后，如何以编程方式切换到时间视图？

这是代码：

我在文档和网络中搜索，但找不到答案。谢谢！

我的 ASP.NET MVC 应用程序中缺少 tempusdominus bootstrap 4 图标。以下是它的外观截图：

这些是正在加载的以下脚本和 css（基于此 jsfiddle）：

任何想法是什么问题？

我 在我的应用程序中为 Datetimepickers使用bootstrap-tempus-dominus 。

如何使用 css 更改显示的月份和日期名称的颜色

使用自定义 DateTimePicker ( https://tempusdominus.github.io/bootstrap-4/Usage/ )选择日期和时间时。当提交按钮被点击 10 次中的 9 次时，日期和时间是这样的：

Razor 页面上的代码：

同一页面上的脚本：

同一页面上的导入：

单击按钮选择日期和时间时，将设置当前日期和时间：

如果设置了此值，则我提交时的值为：

我知道有很多问题moment，tempudominus-bootstrap-4但大多数时候它与用户错误有关，我没有找到我的参考...

所以我正在使用symfony框架和webpack-encore捆绑包。我想将 tempusdominus 添加到我的文件event.js中以使用 dateTimePicker

当我刷新页面时，出现以下错误

错误：Tempus Dominus Bootstrap4 需要 moment.js。Moment.js 必须在 Tempus Dominus Bootstrap4 的 JavaScript 之前包含。

从这里

所以显然我的时刻变量是未定义的。我更改了我的 app.js 文件以在控制台中呈现时刻

得到以下答案：

力矩类型 = 函数

moment已定义，那么为什么 tempusDominus 没有检测到它？

我正在尝试使用 Bootstrap datetimepicker，但我使用的 jQuery 代码似乎根本不起作用。我正在分解 CodePen 中其他人的工作代码（使用他们的 jQuery 代码），但它在我的身上不起作用，我已经多次检查了类、id 和库。这里无脑。

我想知道其他更清晰的眼睛是否会发现问题。

这是我的CodePen：https ://codepen.io/fergos2/pen/xxxeXqa

这是我的基础：https ://codepen.io/johnfinkdesign/pen/NRyBZb

在此先感谢您的帮助！

我觉得这个问题相当简单。我正在尝试动态更改 Tempus Dominus Bootstrap Datetimepicker 上的选项。

特别是，我想在同一页面上更改另一个日期选择器时更改我的一个日期选择器上的选项。

这是一个经过编辑的示例。我目前正在使用我的模板逻辑动态插入初始日期选择器实例，因为它是我的 Web 框架加载的表单的一部分。

我似乎找不到即时更新这些选项的方法。明确地，我想要做的是链接两个日期选择器，以便用户不能选择早于开始的结束日期。我也试过

$("#datetimepicker_end).minDate = $('#datetimepicker_start).val() 甚至只是我在上一行中设置的值的 moment()。没变。朝着正确方向的任何一点都会很棒。

编辑：解决方案：

奖励问题： 上述方法可以实现我想要实现的目标，但是在设置最小日期时，它不允许结束日期框保持空白（如果它已经是）。有谁知道如何实现这一目标？

我moment.js用来尝试选择在一周中选择的最后一天，datetimepicker但它会为每周的最后一天返回一个连续循环。我不确定我做错了什么，请有人帮助我。

这是我尝试过的JS。

JS

谢谢！

我有一个使用Django Dynamic Formset以及Crispy Forms和Tempus Dominus datepicker 库设置的模型表单集。这是一个简单的表单集，供用户添加运营费用行条目——日期、类别、描述和金额。

我的日期选择器可以与非动态表单集一起正常工作。但是，当使用动态表单集并添加新表单时，小部件最终会定位到从中克隆它的表单集中的最后一个表单，而不是当前表单 ( https://imgur.com/a/2GFYZ90 )。它不是正确递增（即 form_3、form_4、form_5 等），而是指在添加新表单之前的最后一个表单（即 form_2）。因此，如果我尝试在任何动态添加的表单中切换日期选择器，它只会触发 form_2 中的那个。常规文本字段可以正确克隆，没有任何问题。

正如您在 opex.html 的第 19-23 行中看到的那样，我正在尝试按照一些较旧的 Stack Overflow 帖子（ 1、2和3 ）的建议实现销毁和重新初始化函数，但我是一个 JS 菜鸟所以我不确定如何进行。

模型.py

表格.py

视图.py

opex.html

我在我的 html 视图中使用 TempusDominus bootstrap4 datetimepicker。所以我在我的项目中添加了以下脚本。

我的布局中已经有以下脚本。

我的html视图如下：

我的javascript如下：

相同的代码在提琴手中运行良好，但在我的应用程序中不起作用。

option maxDate:new Date()由于option useCurrent:false默认情况下当前日期未在页面加载时填充，我可以禁用未来日期。

但我在这里遇到的问题是，我第一次无法选择当前日期，但第二次我能够选择它。所以我不确定现有的引导 js 文件是否覆盖了我的日期时间选择器选项。