问题标签 [eonasdan-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 投票
1 回答
1854 浏览

javascript - 将 eonasdan-datetimepicker 附加到动态创建的元素会返回“相对定位容器”错误

我有以下输入,我将 datetimepicker 附加到页面加载:

截图 1

这按预期工作。

当用户单击一个按钮时,我复制此输入以允许多个日期。

克隆代码:

截图 2

克隆按预期工作,但单击日期输入会触发此错误:

未捕获的错误:datetimepicker 组件应放置在相对定位的容器中

在此处输入图像描述

.input-group已经"position: relative;"在单独的 CSS 文件中设置。我尝试将其添加为内联样式,但 id 并没有什么不同。

有任何想法吗?提前致谢!

0 投票
1 回答
987 浏览

bootstrap-datetimepicker - BootstrapV3 datetimepicker 在下一个 prev 按钮单击时未更改

日历正在显示,但我必须在单击下一个和上一个按钮时更改日期,但它不起作用。

我正在使用 Bootstrap V3 和 datetimepicker 版本 4.15.35 https://github.com/Eonasdan/bootstrap-datetimepicker

这是代码:

0 投票
0 回答
91 浏览

eonasdan-datetimepicker - eonasdan datetimepicker 世纪阈值

欢迎任何提示:我需要 datetimepicker 将早于 1969 年的日期转换为 20 世纪的那一年。因此,如果我输入 12-12-69,datetimepicker 会将其转换为 12-12-1969。输入 12-12-68 会转换为 12-12-2068。我假设这是在 moment.js 中完成的,但我可能弄错了。如果它是在 moment.js 中完成的,那么任何人都知道在哪里寻找改变这个自动转换的阈值?我宁愿在库中更改它而不是使用 parseInputDate,但是如果有人有使用 parseInputDate 的示例,请分享。当我尝试通过以下方式访问日期对象时,我发现日期已经自动更改,如上所述:

我需要访问发生这种情况的日期对象 B4。它可以在输入字段本身上设置一个 onchange="dostuff()" 内联,但这种感觉是错误的,因为我想在 datetimepicker 的一个地方处理这个,而不是在 50 个内联的地方。

0 投票
2 回答
18297 浏览

javascript - 使用 MomentJS 引导日期选择器语言环境

我正在使用此处可用的 Bootstrap Datepicker ,一切正常。但是,我想在给定用户首选语言的情况下本地化日历。我在初始化日期选择器时设置了以下内容:

但是,我收到一个控制台错误,内容为:

未捕获的类型错误:locale() 区域设置 fr 未从区域设置时刻加载!

我在我的项目中包括 MomentJS:

这是我的第一个实现,所以我觉得我错过了一些简单的东西,但就是想不通。

0 投票
1 回答
827 浏览

jquery - Eonasdan Bootstrap 链接的日期时间选择器未按预期工作

我有一种情况,用户只能选择 7 天的日期范围。

所以如果开始日期是01-02-2016 00:00最大结束日期应该是06-02-2016 23:59

那么如果用户选择08-02-2016 00:00最大结束日期应该是14-02-2016 23:59

所以为此我使用日期时间选择器:http ://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers

我遇到的问题是,当我执行第一个条件时它工作正常 - 但是当我选择第二个条件时,它在控制台中出现错误。

在此处输入图像描述

这是我的代码:

这是 JSFiddle:https ://jsfiddle.net/xsmsym3m/

编辑:

我找到了一个似乎不是一个好的解决方案的解决方法,因为它在某些情况下会失败,但我将它发布在这里(https://jsfiddle.net/v18gfo4s/):

0 投票
0 回答
1344 浏览

jquery - Bootstrap Datetimepicker - 设置年份范围或最大值/去年

更新:如果有人知道如何实现这一点,我愿意为这个问题添加一个赏金。

我在文档中找不到如何在viewMode: 'years'选项上设置最大年份或自定义年份范围的任何地方。

我正在使用这样的设置:

但是,所有maxDate选项都是阻止您在未来单击一年,它不会隐藏它们。

这呈现了这样的对话:

viewMode:年对话

但是,我希望它只显示到当前年份(2016 年),以便页面上可以容纳更多过去的年份。换句话说,我希望默认范围从 2005 年到 2016 年,而不是从 2011 年到 2022 年。

我尝试通读插件本身并修改代码,但我所做的只是破坏它。在我深入研究之前,我很好奇是否有其他人有这样做的经验。

0 投票
5 回答
5470 浏览

jquery - Bootstrap Datetimepicker - 禁用十年视图模式

当用户多次单击视图标题时,预期的行为是:天 -> 月 -> 年 -> 十年。我需要禁用几十年视图(附截图)。这样做用户不能进一步“年”查看模式。

在此处输入图像描述

0 投票
1 回答
337 浏览

twitter-bootstrap - Bootstrap Datetimepicker 插件问题

我的项目遇到了一些问题。我正在使用它(https://github.com/Eonasdan/bootstrap-datetimepicker

有一个“格式”选项,您将在其中看到输入的日期。

我试过用

但如果在输入字段中输入“23/02/2016”或“15 10 2018”之类的值并提交,则输入值将更改为“23 January 0002”和“15 January 2018”。

所以,我需要获取日期格式DD MMMM YYYY,并且能够输入日期的数字格式,例如:

  • DD MM YY
  • DD MM YYYY
  • DD.MM.YY
  • DD.MM.YYYY
  • DD/MM/YY
  • DD/MM/YYYY

这是我的麻烦的一个例子:http: //jsfiddle.net/AndGrin/0Ltv25o8/2549/

0 投票
2 回答
4184 浏览

javascript - 如何将引导时间选择器与 angularjs 一起使用

我正在使用 Eonasdan 日期时间选择器。这是我的代码

而这个用于时间选择器的 js

但在我的控制器中,我无法使用 $scope.dtime。它给出了 undefined 作为它的值。

0 投票
2 回答
2719 浏览

eonasdan-datetimepicker - 如何将关闭文本添加到 datetimepicker 引导程序?

我想向它添加关闭文本。默认情况下它显示“X”,但我想更改它。可能吗?