问题标签 [tempus-dominus-datetimepicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
4790 浏览

javascript - datetimepicker 的图标未显示

我使用 bootstrap 4,fontawesome v5.7 和这个插件https://tempusdominus.github.io/bootstrap-4/Usage/

日历可以正常工作,但我的问题是图标没有显示

看这个屏幕:

在此处输入图像描述

0 投票
4 回答
600 浏览

python - Django Form clean 将 Date 对象视为 NoneType。views.py 中的 POST 方法确实将其视为日期

所以我目前正在 Django 中进行该项目。用户应该能够设置开始日期和结束日期,基于这个设置的间隔应该计算分析。

当前的问题是,当数据进行验证时,它将输入数据视为 NoneType。

注意:我没有上传整个 html 代码。仅形成相关代码。

表格.py

视图.py

索引.html

这些教程将我带到了这个解决方案:

https://simpleisbetterthancomplex.com/article/2017/08/19/how-to-render-django-form-manually.html#rendering-bootstrap-4-forms

https://pypi.org/project/django-tempus-dominus/

https://pypi.org/project/django-widget-tweaks/

我还发现了一个关于堆栈溢出的类似问题,但没有答案: Django DateField form generate None incleaned_data

我还尝试执行以下操作来检查实际数据是否通过。所以在views.py中我改变了以下内容:之前:

后:

在错误之间,我发现了该打印语句。令人惊讶的是,给定的开始日期确实与实际输入相匹配。但是在数据被清理之后,它变成了一个 NoneType 值。

任何建议可能是什么原因?

预期结果是数据能够得到验证,如代码所示。开始日期必须设置得早于结束日期,否则显示错误消息。

0 投票
2 回答
804 浏览

javascript - Tempus-dominus 和 sweetalert2

我用sweetalert2创建了一个模态,输入字段是tempusdominus 的datepicker小部件,但日历显示在模态按钮的后面,如下图所示:

图片

我的代码如下:

0 投票
2 回答
930 浏览

knockout.js - TempusDominus 淘汰赛绑定在初始化后不会触发更新事件

我正在尝试将 knockoutjs 与 tempusdominus datetimepicker 一起使用,并且自定义绑定有问题。绑定将在初始化期间工作,但通过 datepicker ui 进行的更改或不导致自定义绑定处理更新事件。请忽略缺少的图标,我认为这不是导致问题的原因。

https://jsfiddle.net/mh_surge/7yrze0Lv/6/

如果我取消注释底部添加非 ko 更改事件处理程序的代码,它总是按预期触发。这让我相信 ko.utils.registerEventHandler 可能存在问题,但该函数的源代码似乎很好。

为什么更新和更改事件在初始化期间仅被触发一次,我该如何解决?

0 投票
0 回答
206 浏览

jquery - Bootstrap 4 的 TempusDominus v5.1.2 - 如何设置 _viewDate?

我试图理解 Tempus Dominus Bootstrap4 v5.1.2 代码以进行一些更改和测试,但我不明白当用户选择日期时 var _viewDate 是如何设置的。

当用户点击一天时,函数 TempusDominusBootstrap4.prototype._doAction 会在“selectDay”情况下执行(https://github.com/tempusdominus/bootstrap-4/blob/master/src/js/tempusdominus-bootstrap-4 .js#L690)。

此时选择的日期已经在 this._viewDate 上,但是怎么做呢?它在哪里设置?

谢谢你。

0 投票
1 回答
509 浏览

php - tempus dominus 从值属性中预先选择多日期

我可以选择多个日期,然后将其保存到数据库。从 DB 读回时,输入字段的 value 属性中包含所有先前选择的日期:

当页面加载时,您可以看到所有 3 个简要列出,但只有第一个保留,其他 2 个消失。

小提琴

0 投票
1 回答
154 浏览

calendar - 设置格式(“YYYY”)后引导日期时间选择器,它不允许在日历中选择一些活动选项

我在初始化“From”和“To”日期时间选择器时设置了 minDate(2019-06-21) 和 maxDate(today)。When select time interval to month, Will format the datetimepicker to "MMM YYYY". 然后我只能在日历小部件中选择 Jul,尽管 Jun 也处于活动状态并且应该是可选的。

但是如果我在 datetimepicker 初始化代码中添加“useCurrent: false”,日历将允许用户只选择 Jun 而不是 Jul。

代码在这里:

由于 minDate 是 2019 年 6 月 21 日,而 maxDate 是今天(2019 年 7 月 23 日),所以无论 useCurrent 是真还是假,所有用户都应该从日历小部件中选择 Jun 或 Jul。

0 投票
1 回答
526 浏览

jquery - use tempus dominus datetimepicker with CLASS instead of ID and for multiple instances

tempus dominus datetimepicker is working with ID like

and with CLASS like

But its working for only one instance, may be due to using data-target as well

Actually, there are multiple date fields on single form with dynamic IDs so can't use like this.

Is there a way to use it with CLASS and for multiple instances?

0 投票
1 回答
955 浏览

tempus-dominus-datetimepicker - 如何在 Tempus Dominus Bootstrap-4 日期时间选择器中仅突出显示和启用特定的工作日?

我正在使用Tempus Dominus Bootstrap-4 日期时间选择器 我正在像这样初始化它:-

我需要启用特定的工作日并突出显示它们。我怎样才能做到这一点?

0 投票
1 回答
3747 浏览

bootstrap-4 - 与 Bootstrap 示例相比,Tempusdominus Datetimepicker 变形或不显示

我希望我的 datetimepicker 在https://tempusdominus.github.io/bootstrap-4/Usage/#no-icon-input-field-only(无图标(仅限输入字段))中显示为第 5 个 datetimepicker。

但是,当仅使用 CDNJS 时,输出是示例中显示的变形版本。为了解决这个问题,我通过归属于本地路径来包含在下面的链接中找到的源代码。这使得 datetimepicker 根本不显示。

源代码:https ://github.com/tempusdominus/bootstrap-4

既不包括仅 CDNJS,也不包括源代码(本地路径),两者都有效。

我希望将来能够更改颜色,因此使用源代码进行更改对我更有利...