问题标签 [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 回答
2036 浏览

twitter-bootstrap - 引导日期时间选择器不工作

我一直在尝试使用引导日期和时间选择器。我不知道代码有什么问题。虽然它很简单。我尝试手动和 CDN 包含 datepicker jar。仍然无法正常工作。

任何机构都可以帮助我解决这个问题。

0 投票
1 回答
466 浏览

node.js - eonasdan-bootstrap-datetimepicker v4.17.37 小部件未使用 common.js 加载

抱歉,如果这看起来我错过了一些非常明显的东西。(我正在使用一个使用 npm 和主干构建的应用程序)我正在尝试使用 common.js 加载我的 datetimepicker 模块

当我在我的应用程序中添加 datetimepicker 时,我得到:

当我查看调试器时,我可以看到模块没有被加载。它已安装在我的节点模块文件夹中。我只是想知道有人能发现我可能遗漏的任何明显的东西。我已经导入了 moment 和 jquery,因为它们是列出的依赖项。它们在 datetimepicker 之前导入/加载。非常感谢任何帮助。

0 投票
0 回答
60 浏览

angularjs - 如何让我的双重绑定与引导日期时间选择器一起正常工作?

对于背景,我使用angular以及引导日期时间选择器

我的问题似乎是我的角度绑定在一个方向上工作,但不是另一个方向。让我首先提供一些相关的示例代码。

html

javascript

现在我已经展示了我的相关代码,这是我的问题。当我启动我的应用程序时,一旦控制器代码运行,DOM 上的日期时间选择器的输入字段就会按照我的预期填充。它采用适当的 $scope.start 值,一切都很好。

但是,绑定似乎不会以相反的方向工作。例如,当我更改日期然后单击“提交”按钮时,会弹出一个警报,但它会显示 $scope.start 的先前值

似乎更改 DOM 上的字段并没有改变 ng-model (或任何角度术语)

在某种程度上,这是有道理的。我怀疑还有另一个控制器在以某种方式在起作用...... ng-model 从父范围继承 $scope.start ,但是当我尝试更改它时,更改不会传播到父范围?

但是,我还没有编写任何控制器来做这样的事情,所以我有点难过。

我很乐意回答任何后续问题或发布更多代码,但我认为这是我可以提出我的问题的最容易理解的内容。

请有人帮我解决我的范围问题。我觉得这种问题不时出现在我的角度,所以解释也将不胜感激。

谢谢

0 投票
3 回答
6061 浏览

html - 表响应类中的引导 datetimepicker 问题

我正在为我的网站使用这个(https://github.com/Eonasdan/bootstrap-datetimepicker)日期和时间选择器,当您在表格响应类中打开日期时间选择器时,它不会在顶部显示日期选择器表,除非在 css 中添加 .table-responsive { overflow:visible !important } 在 css 中。这样做一切都很好,但是当您缩小屏幕或在手机/平板电脑上使用它时,桌子不再响应并挂在屏幕的一侧。

请看这个(https://jsfiddle.net/daza110/6abxn644/3/)小提琴,它显示它正确打开,直到你缩小屏幕。

请看这个(https://jsfiddle.net/daza110/6abxn644/4/)小提琴正确缩小表格,但不能正确显示日历。

jQuery

更新

我破解了这个,但它不是很好,我添加了一个附加 DatePicker 的 PHP 函数,然后执行以下 jquery 代码,这将删除表响应并在显示时添加一个临时类,然后在隐藏时删除临时类并添加表响应再次:

0 投票
1 回答
325 浏览

bootstrap-datetimepicker - 验证表单后,链接的 Bootstrap datetimepicker 不起作用

我有两个链接的 Bootstrap 日期时间选择器,我使用 CakePHP 3.x 这是代码:

在单击提交按钮之前,一切正常。但是在提交表单并在输入中显示验证错误后,链接的选择器不再起作用,这意味着我可以在两个选择器中选择我想要的任何日期时间而不受限制(比如我可以选择 #datetimepicker6 > #datetimepicker7 和 #datetimepicker6 < #datetimepicker7 )。

这是 ReservationsController 的函数添加:

0 投票
1 回答
6402 浏览

javascript - 引导日期时间选择器禁用小时

我正在使用Bootsrap 3 Datetime Picker。我发现文档并没有太多说明如何禁用/启用时间,它只说:

禁用时间

默认值:假

有人现在如何声明禁用时间?哪种格式?。我需要禁用工作日和周末的不同时间。

0 投票
3 回答
8085 浏览

javascript - 引导日期时间选择器禁用过去时间

我正在使用 Bootsrap 3 (eonasdan-datetimepicker) 日期时间选择器。我想知道如何防止用户选择过去的时间。我发现文档并没有太多说明如何禁用过去的时间。

0 投票
2 回答
1753 浏览

jquery - 在引导程序 datetimepicker 上预设日期/时间

小提琴:https ://jsfiddle.net/ek9c9ojx/3/

我从这个问题尝试了许多解决方案:set default time in bootstrap-datetimepicker

但他们都没有工作。它们都导致输入为空并默认为占位符文本。

我尝试了setDate()setLocalDate()defaultDate路由,但在当前文档中找不到任何支持这些或任何当前可用于完成此简单任务的方法的内容。

这些都不起作用:

我也尝试设置本身的value属性#new-challenge-date-time-picker,但这也不起作用。

有人有答案吗?

0 投票
2 回答
9787 浏览

twitter-bootstrap - Bootstrap DateTimePicker (eonasdan) 格式日期为 DD/MMM/YYYY

关于下面的这个引导插件,我遇到了很大的问题。

http://eonasdan.github.io/bootstrap-datetimepicker/

我有一个初始值,"15/05/1992"其初始格式为"DD/MM/YYYY",现在使用这个插件,它也使用时刻作为其基础。我想像“15/May/1992”这样格式化它,但每次我使用'DD/MMM/YYYY'它格式化它都不能正常工作。它显示为"15/Jan/1992"哪个是错误的,因为月份应该是May

我还测试了另一个日期,例如"19/02/2198"应用上面相同的步骤,它显示出"19/Jan/2002"非常非常错误。我不知道这是否与moments.js此有关,但我现在真的很纠结。

任何帮助都感激不尽!谢谢!

HTML

脚本。

请参阅示例 http://jsfiddle.net/byx1couq/2/

0 投票
1 回答
4256 浏览

twitter-bootstrap - 是否可以使用 HTML5 数据属性来初始化 Bootstrap 3 Datepicker?

目前,我们以半模块化的方式使用datetimepicker ,因为初始化是在 javascript 中完成的。以前我们使用不同的日期选择器组件,它缺少时间选择功能,但可以通过数据属性进行初始化。这让事情变得容易多了,因为在使用该组件的 asp.net MVC 5 项目中,我们可以简单地创建一个编辑器模板,在需要日期选择器时引用该模板,而无需编写任何 javascript。我想坚持这种使用模式,但无法在 docs 中找到任何关于它的文档。使用 Bootstrap 3 Datepicker,我是否遗漏了某些东西或者这(还)不可能?