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

jquery - Bootstrap-Datetimepicker 不工作

我一直在看这个 2 天,并且无法弄清楚我做错了什么。

这是我的项目的一个小提琴。http://jsfiddle.net/dagger2002/RR4hw/

这是HTML

这是Jquery。

我没有收到任何错误,当我通过小提琴运行它时,它说没有发现错误。我是 jQuery 新手,所以我不确定我做错了什么。

哦耶。我正在使用长名称进入一个也使用 moo 工具的 joomla 站点。

提前致谢。

更新

这个 jFiddle 有效。http://jsfiddle.net/RR4hw/11/

但是当我将它合并到一个常规页面时它会中断。不知道我在搞砸什么。

提前致谢。

0 投票
1 回答
2168 浏览

javascript - 如何在运行期间更改 Bootstrap-datetimepicker 语言

我在用 :

  1. Boostrap V3.1.1
  2. Boostrap Datetimepicker (github链接) (指南)

在我的网站中,用户可以交换语言。我需要更改 datetimepicker 的语言而不重新加载页面。我怎样才能做到这一点?你有什么建议吗?


编辑

一开始我正在使用以下方法加载正确的语言:

问题是在创建对象后更改语言。想象一下 lang 是“en” ,当用户单击按钮时我想要“fr” 。

非常感谢您的帮助

(我很抱歉我的英语水平不好)

0 投票
2 回答
29905 浏览

javascript - Bootstrap Timepicker - 分钟间隔

我最近从使用 jquery UI timepicker 切换到使用在这里找到的 timepicker,因为 jQuery UI 似乎与 Twitter Bootstrap 不兼容。

我已经设法让 datepicker 和 timepicker 正常工作,但我缺乏旧 timepicker 的一些功能 - 在几分钟内控制步骤的能力。我希望只允许用户以 15 分钟的间隔增加时间选择器的分钟数。这与使用以下语法的 jQuery UI 完美配合:

我当前的代码,很好地调用了时间选择器:(stepMinute 没有效果,这个时间选择器的语法可能不正确)

我希望使用这个问题开头链接的引导友好的时间选择器来模拟这个,非常感谢任何帮助。

0 投票
4 回答
7443 浏览

javascript - smalot/bootstrap-datetimepicker 导航箭头丢失

我在获取日期时间选择器 ( https://github.com/smalot/bootstrap-datetimepicker ) 的 Bootstrap3 版本中显示的箭头时遇到问题。

下载提供的示例也缺少箭头,但 bootstrap2 示例有箭头。

其他一切都正常工作,并单击箭头应按预期导航的位置。我假设浏览器正在搜索图标并且它们在它们应该在的位置。

想知道是否有人遇到过这个问题并知道如何解决它?否则,可能会感谢您提供有关如何进行故障排除的一些建议。

0 投票
2 回答
868 浏览

twitter-bootstrap-3 - bootstrap-datetimepicker 未正确执行

bootstrap-datetimepicker上的文档并没有真正解释使用小部件所需的 jquery 版本和时刻(如果需要特定版本)。根据开发工具,我没有任何 jquery 错误,我通过添加一些运行良好的快速 jquery 测试了日历图标按钮。

否则,我会以正确的顺序加载文档中所需的所有内容(我认为)。然而; 图标链接不起作用,因此我无法选择日期和时间。我认为这与文件的加载方式或我正在使用的 jquery/moment 版本有关,因为我尝试放入这个jsfiddle,但它也不起作用。

任何想法,将不胜感激。任何关于如何调试这种 js 错误的提示对未来都会有好处。

当前代码:

身体尽头。。

最后,html:

0 投票
2 回答
1967 浏览

twitter-bootstrap - 在 Bootstrap datetimepicker 中限制日期时间

我正在使用来自该站点的日期时间选择器:http ://eonasdan.github.io/bootstrap-datetimepicker ,它工作正常。

在这里,我们可以像这样设置 minDate 和 Max Date:


我正在尝试用日期时间实现相同的说:


这样用户就不能选择超出和低于上述限制的时间。有没有人遇到过同样的问题?

0 投票
0 回答
1209 浏览

twitter-bootstrap - 在播放框架中输入日期和时间

我正在尝试在游戏框架中输入日期和时间。在我的模型中,我有这个

然后在我看来,我正在使用 bootstrap-datetimepicker

现在,当我返回保存的事件时,日期是正确的,但时间信息基本上没有保存,它显示 00:00:00 请告诉我我应该怎么做..我尝试了很多东西,但似乎没有任何效果.. PS-当我分析演示帖子请求时,它显示为表单 data-eventname=&username=v&date=2014-06-25+22%3A50%3A27 我认为日期的格式是正确的,或者您认为我应该更改它吗?

addevent 控制器的编辑代码

0 投票
2 回答
1087 浏览

ruby-on-rails - Ruby Bootstrap 日期时间选择器

我必须将 Bootstrap DateTimePicker 包含到我的大学项目中,但我已经尝试过,但什么也没发生。我使用了这个文档并做了:

  • 添加gem 'bootstrap-datetimepicker-rails'到 Gemfile 并运行bundle install
  • 添加//= require bootstrap-datetimepickerapplication.js

维夫:

现在我在我的网站上只看到输入,没有日历按钮可以让我选择日期和时间。

application.js

LayOut(这是一个错误):

0 投票
2 回答
4712 浏览

twitter-bootstrap - xPages 中 bootstrap 3 的 Eonasdan datetimepicker

我的 xpage 应用程序中的引导 dateTimePicker 控件有问题,我怀疑这与 xPages 生成控件 ID 的方式有关。

以下代码在 inputText 元素上没有 id 时可以正常工作。

当我重新添加一个 id 时,我会在单击离开/退出控件时收到以下错误:

错误:语法错误,无法识别的表达式:不支持的伪:_id1

需要 id 才能将数据映射回文档,但我实际上并没有使用它来附加 datetimepicker - 我为此使用了一个类:

更新#1:

听上去好像有点误会,所以我会尝试进一步解释......

  • 在测试中,我用纯 html 编写了代码,为该字段提供了一个 ID,它工作正常。
  • 如果我使用 xpage 字段(其中 domino 使用冒号生成 ID),日期选择器将失败并出现上述错误。
  • 我不使用 ID 将事件绑定到字段,我使用类获取字段然后将 datetimepicker 控件绑定到它。

问题似乎是使用字段 id 的日期时间选择器。即使我通过类名(不是 id)获取该字段,如果在该字段中找到一个 id,datetimepicker 代码似乎也想使用一个 id。datetimepicker 绑定到该字段没有任何问题。当您尝试选择模型框显示的时间并允许您选择时间时,当您尝试在该字段之外单击以关闭模型时间控件时会发生错误。

0 投票
1 回答
1644 浏览

javascript - 在引导程序 datetimepicker 中设置默认值会导致弹出 NaN

我正在使用 Ruby + Bootstrap 框架开发一个项目,包括 Bootstrap datetimepicker 插件。

我的表单中有一个字段,如下所示:

如您所见,我希望我的 datetimepicker 使用格式,但是,当我在生成表单时在标签的属性中DD/MM/YYYY hh:mm A输入默认日期和时间,然后单击日历图标弹出选择器时,选择器窗口只是在标题中给我,不会让我选择日期或时间。value<INPUT>NaN

但是,如果我value在生成表单时将属性留空,弹出窗口就可以正常工作。

我还注意到,如果我在字段中输入默认日期,并交换月份和日期,即MM/DD/YYYY hh:mm A弹出窗口工作正常,即日历默认为正确的日期,但是当我选择一个日期时,它会显示在输入字段中作为DD/MM/YYYY hh:mm A

我想知道是否有另一种方法可以在字段中设置默认日期/时间?简单地填充value属性似乎会使插件感到困惑,因为它似乎想要在 mm/dd/yyyy... 中显示初始日期,但随后很高兴将其显示为 dd/mm/yyyy...。