问题标签 [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 投票
0 回答
88 浏览

javascript - Tempus Date-Time-Picker 如何获取日期

我是 PHP 的新手,一般来说,我正在构建一个显示日期选择器的应用程序。我想按照特定格式(年:“y”和月:“m”)提交日期,以得到类似 http://localhost/index.php?m=06&y=2019 的 url...

我使用的日期选择器是https://getdatepicker.com/5-4/

和代码:

HTML:

JS:

实际上,如果我提交表单,则值为:

但我想要:

所以我的问题是:如何提交日期选择器上显示的信息并按照上面的评论格式化它?

谢谢你的建议。

0 投票
0 回答
166 浏览

django - Django 表单中的动态日期时间字段

我正在开发一个 Django 3 应用程序,它允许用户添加和删除数据请求以供审查。用户将从列表中选择用户和站点,并根据数据的可用性填充日期/时间字段,以便能够选择开始和结束日期范围。我正在使用Tempus Dominus时间日期选择器在日期选择器中设置可用日期,并暂时对其进行硬编码。最终目标是在 Elasticsearch 中查询它们,但硬编码目前还可以。

我的问题是;目前表单是静态的,这意味着没有任何选择会改变表单其他部分的内容。当用户从下拉列表中选择不同的用户或站点时,如何使其动态化,以便 enableDates 日期列表发生变化?需要明确的是,用户和站点列表永远不会改变,只是 enableDates 需要改变。

我将不胜感激任何帮助或建议。

目前,提交请求的表单以及显示任何现有请求的表单如下所示:

在此处输入图像描述

这是我用于存储数据请求的模型:

这是表格:

这是添加和删除请求的视图,现有数据请求的列表在页面上下文中发送:

0 投票
0 回答
48 浏览

tempus-dominus-datetimepicker - 从一个日期时间选择器获取日期并在第二个日期时间选择器中显示并禁用

我正在使用 TempusDominus Bootstrap4 日期时间选择器。我有两个 datetimepicker从 dateto date。我希望当用户从第一个 DateTime 选择器中选择日期然后禁用第二个 datetimepicker 中的日期。

我正在关注这个链接并想要同样的东西,但它对我不起作用。我不确定问题出在哪里。

Javascript代码

0 投票
1 回答
294 浏览

javascript - 为 Tempus Dominus Bootstrap 4 设置语言环境

我正在尝试使用 Tempus Dominus for Bootstrap 4 为 datetimepicker 设置语言/区域设置。我按照Tempus Dominus Bootstrap 4 中的建议更改了语言/区域设置,但似乎没有任何效果。我想将语言环境设置为“de”,但无论如何它都保持在“en”。有没有人知道解决方案?

0 投票
1 回答
28 浏览

javascript - Tempus dominus:将呈现的日期格式与表单提交时发送的实际值解耦

我正在使用Tempus Dominus bootstrap-4版本 5.39.0。我可以通过这种方式配置显示的时间格式:

但这会以格式发送到服务器日期:'DD/MM/YYYY'而它使用格式的日期'YYYY-MM-DD'。有没有办法将表单中显示的值与提交时发送到服务器的值分离?

0 投票
1 回答
419 浏览

bootstrap-4 - Laravel mix,安装 tempusdominus-bs4 后无法“npm run dev”

tempusdominus-bs4在我的 Laravel 应用程序中安装时遇到问题。我已按照以下步骤操作:

  1. 安装 Moment JSnpm install moment --save
  2. 安装了 Tempus Dominusnpm install tempusdominus-bs4 --save
  3. app.js通过添加以下行来修改文件:
  1. app.scss通过添加以下行来 修改文件:@import '~tempusdominus-bootstrap-4/src/sass/tempusdominus-bootstrap-4-build';

完成所有这些后,我运行npm run dev并出现以下错误:

我使用的是 Bootstrap 4.6 版,所需的所有文件和文件夹都存在于该node_package文件夹中。我也尝试过跑步npm ci,但没有任何效果。

您对我如何解决错误有什么建议吗?

0 投票
0 回答
17 浏览

momentjs - 如何禁用一周中特定日期的时间间隔

使用 Tempus Dominus 我可以禁用今天的时间间隔,但是如果我需要禁用一周中特定日期的时间间隔怎么办?例如,我可能想禁用星期一的 08:00 12:00、星期二的 14:00 18:00 等等。阅读文档听起来这是可能的,但我真的找不到实现它的方法。

0 投票
1 回答
24 浏览

bootstrap-4 - Bootstrap4 tempus dominus DateTimePicker 不显示

我跟着这个,没有错误消息,但日期时间选择器没有出现在输入元素上。

<input type="text" id="shopping_order_time" name="_shopping_order[time]" required="required" class="datetimepicker-input" data-target="#shoppingtakeout_time" data-toggle="datetimepicker">

如果有人对导致问题的原因有任何想法,您能帮忙吗?

0 投票
0 回答
12 浏览

bootstrap-4 - 在 Bootstrap Datetimepicker 上每周日禁用特定时间

我正在这个 datetimepicker 创建一个预订系统:https ://getdatepicker.com/5-4/Options/

我正在禁用商店关闭的时间。

我需要的是:禁用每周日早上 0:00 到 9:00 的时间间隔。

我尝试了类似下面的方法,但没有生成我想要的对象。

谢谢你。

0 投票
0 回答
30 浏览

bootstrap-4 - Bootstrap4 datetimepicker 在每个星期一禁用时间间隔

我正在预约系统。我希望它可以防止不在营业时间的任命。

似乎 disabledTimeIntervals 选项不支持天单位。

如果您还知道如何每天禁用时间间隔,请提供帮助。谢谢!