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

twitter-bootstrap - Bootstrap v3 - 日期时间选择器 - 在 iOS 上设置值不起作用

我在混合应用程序中使用引导 v3日期时间选择器。有一个标签显示应用程序中的日期和时间值。所以每当用户clicks on the label它应该显示一个日期时间选择器来选择一个日期和时间。我已经实现了它并且运行良好。

Now when the picker pops up then I can set a date & time value to show when the picker poped up on screen.

请记住,选择器需要有一个输入字段才能操作。因此,当我在设备上为其提供文本字段时,会出现软键盘!这在我的情况下现在确实是必需的,因为不允许用户在文本字段中输入,而是有一个标签来显示日期和时间的值。

为此,我给它一个复选框作为输入字段。现在选择器在Android devices桌面browsers上运行良好,chrome但在iOS 上它不起作用

这是完整的代码列表。

更新

我尝试了下面建议的 v4.13.28并设置focusOnShow: false但仍然弹出键盘。我用文本字段试过这个。

现在我恢复到checkbox现场以防止软键盘,但问题出在 iOS 上。

I give it an initial date and time value, so when a picker opens up on iOS device then first time it shows the current timeand if you change to another time and close the picker and reopen it again then it shows correct last modified time. 但是,在date的情况下,它会在打开时显示正确的提供日期。

所以处理日期很好,但只有第一次在时间值设置中有错误。

我如何解决这个问题?

0 投票
2 回答
3875 浏览

jquery - 引导 datetimepicker 步进问题

我有两个链接的 Bootstrap 日期时间选择器。这是他们的代码:

我遇到的问题是取决于现在的时间,其中一个选择器(通常pick1)不显示默认日期。

这是一个 jsFiddle 来说明:

https://jsfiddle.net/6xbt5wa9/1/

(如果看起来没问题,几分钟后再次运行)

我认为这个问题与stepping选项有关,这只是因为如果您将其注释掉,它可以解决问题。

这个问题似乎也与步进数字的开始有关。因此,如果stepping设置为 15;第 15、16、17 分钟会有问题,但到 30 分钟则不会。我还没有测试这个假设得出结论,生命太短暂了。

任何人都可以帮忙吗?我错过了什么吗?

0 投票
2 回答
1635 浏览

angularjs - 如何使用 dateTimePicker AngularJS 引导程序禁用日期

我正在使用Angular Bootstrap DateTimePicker

我试图弄清楚如何禁用特定日期,但没有任何效果。

有人有什么建议吗?

0 投票
1 回答
653 浏览

twitter-bootstrap-3 - 在列表中引导 3 Datetimepicker

我终于让 eonasdan bootstrap 3 datetimepicker 在 MVC 5 的表单视图上工作。但是,我很难让它在列表视图上工作。下面是我得到的代码。在列表视图中,单击日历字段不会显示日历。我错过了什么?有什么帮助吗?

表单视图:

列表显示:

下面是上面for循环生成的html

根据 Sam 的建议,我将上面的代码更改为此。但是当我单击“激活日期”文本框时,它仍然没有弹出日历。

生成的 HTML

0 投票
1 回答
133 浏览

jquery - 时间选择器容器不包装其内容

我从这里使用这个时间选择器

一切正常,除了它的下拉时间选择容器不包裹它的孩子或它的内容,比如它的高度是崩溃的,它看起来很糟糕。(参考下图)

在此处输入图像描述

以下是时间选择器的容器/包装器的 css 样式

有解决办法吗?任何帮助,建议,建议将不胜感激。谢谢你。

0 投票
2 回答
19726 浏览

jquery - 如何限制引导时间选择器的最小时间和最大时间?

我正在使用 bootstrap-timepicker.js 使用引导时间选择器,我想限制该时间选择器的最小时间和最大时间。谁能告诉我如何实现它。我使用了以下方法,但没有任何帮助:

0 投票
1 回答
5753 浏览

javascript - jquery - 引导 datetimepicker viewMode 月份格式

我正在使用 jquery 插件引导 datetimepicker,我想在日历中设置月份的完整格式。我怎么能做到这一点,因为我没有任何允许我这样做的功能?

在此处输入图像描述

0 投票
6 回答
12611 浏览

twitter-bootstrap - 禁用几个小时引导日期时间选择器

我想禁用使用引导程序 datetimepicker 选择几个小时,因为我只想选择从上午 8:00 到晚上 19​​:00 的时间。

我什么也找不到。你能帮助我吗?

0 投票
1 回答
467 浏览

event-handling - 在事件中更改引导日期时间选择器的格式

我知道如何更改 datetimepicker 日期格式,但是一旦初始化,我就找不到重新格式化它的方法。如果选中某个复选框,我希望更改格式。

这是我尝试过的:

它会更改 defaultFrom,但不会更改 defaultFormat。这是 datetimepicker 的外观:

0 投票
1 回答
369 浏览

angularjs - angularjs bootstrap ui 0.13 datetimepicker没有弹出

我正在尝试在我的 Angular 应用程序中使用https://github.com/zhaber/datetimepicker,但是单击输入时不会弹出 datepicker。这是一个示例:http ://plnkr.co/edit/FTwLPJiwxBC8eEHxJiT0?p=preview 和控制器的内容(您可以在 plunkr 中找到其他内容):

注意:如果我使用 'ui-bootstrap-tpls-0.12.1.js' 那么弹出窗口确实有效,但我需要 0.13.0