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

javascript - Eonasdan datetimepicker 在内联模式下不起作用

我有一个问题:当我在内联模式下使用 datetimepicker 时,控制台会显示:

未捕获的类型错误:无法读取 null 的属性“dateFormat”

这是我的小提琴:https ://jsfiddle.net/maxdonetsk/jahsjkkn/

你能帮助我吗?提前致谢。

0 投票
1 回答
1112 浏览

javascript - Bootstrap Datetimepicker中的日期和时间按钮

我试图有两个按钮。一个用于时间,另一个用于日期。例如 http://jsfiddle.net/RR4hw/1383/

我该如何处理?这可能吗?

0 投票
1 回答
152 浏览

css - DateTipicker 在 jquery ui 布局中未正确显示

如何使 datetimepicker 在 jquery ui 布局中正常工作。当我单击它在南窗格后面的文本字段时,日期时间选择器没有显示。

小提琴

先感谢您。

0 投票
1 回答
2158 浏览

twitter-bootstrap - 自定义引导日期时间选择器

在此处输入图像描述

我正在使用基于引导程序 [ https://eonasdan.github.io/bootstrap-datetimepicker/]的日期时间选择器库。

一切正常,我正在寻找改变周围的一件小事。屏幕左下角的小时钟图标在选择时间时并不那么直观。

有没有办法可以在时钟字形上添加一些文本,例如“选择时间”?

0 投票
1 回答
161 浏览

javascript - 如何选择活动日日期时间引导 eonasdan

我使用这个出色的插件,因为我可以使更改事件在当前选定的日期工作,这是代码

这不适用于活跃的一天,谢谢。

0 投票
1 回答
400 浏览

ruby-on-rails-4 - Bootstrap Datetimepicker 函数 moment() 问题

我将 Bootstrap 3 Datetimepicker 与 Rails 4 一起使用。当我对 datetimepicker 进行验证时,问题就出在了这里。

因此,我无法选择当前时间之前的日期时间,这是我的要求。但是当我编辑特定记录时,我只得到当前时间。它没有向我显示数据库中保存的日期时间。如果我删除 minDate,它会显示正确的日期时间。

有没有办法处理这个?或者我只能通过删除 minDate 来处理后端?

这是我关注的链接: https ://eonasdan.github.io/bootstrap-datetimepicker/

谢谢。

0 投票
0 回答
363 浏览

javascript - 使用带有剔除和剔除验证框架的日期选择器

我正在使用带有淘汰赛的https://eonasdan.github.io/bootstrap-datetimepicker/日期选择器,并使用淘汰赛验证框架的 ISODate 验证。

我对日期选择器的发现是,如果使用键盘输入了无效日期(keepInvalid:true),则选择器会引发 dp.error 事件。如果我然后用键盘更正日期,则选择器不会引发 dp.change 事件。这是选择器的预期和正确行为吗?如果是这样,我是否可以使用一种解决方法来解决我的用户的问题,如下所述?

使用日期选择器时,ISODate 验证将永远不会触发。但我希望选择器不会自动更正用户在文本框中键入的内容。我需要做的是使用无效条目更新底层可观察对象,然后让淘汰验证触发,这将使用错误验证状态更新 UI。

我收到有关自动更正使用键盘输入的无效日期的投诉,因为没有通知表明日期值已被静默更改。

所以我使用带有选项 keepInvalid: true 的选择器。绑定处理程序更新 dp.change 事件中的 observable。我更新了建议的绑定处理程序,也更新了 dp.error 事件中的 observable。

几乎可以满足我的需要。但是当我执行以下操作时:

  1. 使用选择器选择今天的日期,导致“2016-04-22”被放入文本框中(并且可观察到)。
  2. 使用键盘插入无效字符,因此我们在文本框中(并且可观察到)中有“2016-0a4-22”。淘汰赛验证触发,这是所需的行为。
  3. 现在通过删除无效字符使用键盘更正日期,将文本框放回“2016-04-22”。淘汰赛验证未清除。这是因为在更新文本框以删除不正确的值时不会触发“dp.change”事件。此时文本框有 '2016-04-22' 但底层 observable 仍然有无效的 '2016-0a4-22'

如果我要使用选择器而不是键盘来更正日期,则会触发 dp.change 事件并且验证错误状态消失。但如果我用键盘纠正事情就不会了。

0 投票
1 回答
9780 浏览

javascript - Bootstrap datetimepicker 默认当前日期和当前时间

我的 Bootstrap 3 Datetimepicker 配置为:

我真正需要的是当输入表单的值为空(即数据库中的相应字段为空)时才显示当前日期和时间(就像moment()函数一样)。如果设置了值,则不显示当前日期和时间。

在当前配置中,它总是向我显示当前日期和时间,忽略数据库中的值。有任何想法吗?

0 投票
1 回答
312 浏览

javascript - 仅在扩展日历中引导 datetimepicker 默认日期和时间

这个配置:

当没有为此字段设置值时(例如来自数据库),允许设置默认日期和时间。

我的问题:我想对其进行配置,使其仅在单击日历图标后才显示默认日期和时间。即,如果没有向输入传递任何值,则默认情况下它应该为空,如果用户单击日历,则它变为默认值(参见下面的说明图)。

在此处输入图像描述

0 投票
1 回答
1147 浏览

datepicker - Eonasdan datetimepicker 禁用时间,仅启用日期

我在带有 Angular 2 的应用程序中使用 eonasdan-datetimepicker。在某些情况下(基于选定的服务)我需要 datetimepicker,但在其他情况下,我只需要 datepicker(没有时间)。

是否可以仅使用来自 eonasdan 的 datetimepicker 并带有一些禁用时间的选项,或者是否需要仅使用日期导入其他 datepicker?

谢谢。