问题标签 [bootstrap-datepicker]

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 投票
3 回答
29286 浏览

twitter-bootstrap-3 - Bootstrap DatePicker setDate 方法不更新日历

我正在使用提供的setValue方法设置引导日期选择器的值。

例如

但由于某种原因日历没有更新

在此处输入图像描述

0 投票
1 回答
1054 浏览

jquery - 引导日期选择器的性能问题

不确定这是否是我移动的设置,但我遇到了引导 datepicker 在我访问的项目的每个页面上加载大量本地化文件的问题,即使页面中没有任何组件使用 datepicker 元素。

我从 development.log 中得到类似的信息:

很多行,从 AR 到 zh-TW,顾名思义,它们是每种语言/地区的单独本地化文件。

这对我的生产服务器来说不是问题,但在开发中它真的很重要。在 Vagrant 下,在每个页面之前加载这些文件大约需要 7700 毫秒,而在 VMware 下大约需要 2300 毫秒。

我的 application.rb 只有以下内容:

还有我的gemfile:

任何线索可能是什么问题?

0 投票
4 回答
1569 浏览

html - 无法使 datepicker 引导程序工作

我从这个网站http://eonasdan.github.io/bootstrap-datetimepicker/复制并粘贴第一个示例到我自己的 html 代码中。当我点击文本框旁边的图片时,它没有弹出日历供我选择

在此处输入图像描述

目录和最新代码,html代码在LeaveDemo文件夹 在此处输入图像描述

我的 bootstrap.min.js

在此处输入图像描述

我的 bootstrap-datepicker.js 在此处输入图像描述

错误

在此处输入图像描述

0 投票
2 回答
5124 浏览

jquery - 引导日期选择器更新方法导致问题

我正在尝试使用来自 eternicode 的引导日期选择器,它是原始 eyecon 选择器的一个分支。

我添加了一个jsfiddle 示例来说明我正在尝试做的事情

在小提琴中所有 js 的底部是我初始化日期选择器的地方。我添加了一个setTimout,所以我可以模拟动态更改日期选择器的日期。datepicker('update');我已经阅读了您在执行 a 后需要调用的位置,setDate因此它会更新选择器 UI。

当我这样做时,它会导致一些问题。如果您单击输入字段以显示日历,日历将显示突出显示的日期作为今天的日期,而不是我更新它的新日期。

当您关闭选择器时,它会将今天的日期附加到输入值的末尾。这不是正常行为。我要做的就是设置一个新日期并让它同时更新 UI 选择器。

HTML

0 投票
1 回答
1512 浏览

asp.net-mvc - Bootstrap-Datepicker in modal

When the bootstrap-datepicker is used inside a modal window, there is no decoration on hover events (days, buttons...) and current date is not highlighted.

It works fine when the datepicker is not inside a modal window.

How can I fix that?

No decoration

Edit :

in my view "Details.cshtml":

I have an editor template for Nullable DateTime type :

bootstrap.css and bootstrap.js are loaded in _Layout.cshtml.

datepicker.css, bootstrap-datepicker.js and bootstrap-datepicker.fr.js are loaded in Details.cshtml

0 投票
0 回答
104 浏览

twitter-bootstrap - 带有逗号的引导选择器格式会导致随机问题

使用选取器演示链接时,将像这样的格式 M d, yyyy 添加到格式字段。打开选择器。选择一个日期。在 mac 上按键盘示例命令键上的任何键,它将删除活动日期并选择一个随机日期。单击任意位置以关闭选择器,它会将日期附加到输入字段中已添加的日期。这会在输入字段中创建多个值。

有什么办法可以解决这种情况吗?

0 投票
2 回答
4566 浏览

javascript - 引导日期时间选择器初始值

我对 Bootstrap 的 DateTimePicker 有一个小问题。The issue I'm having is when the picker is first loaded it appears to be getting the value from a hidden input element instead of the value from the input box that it is attached to.

这是我目前拥有的代码:

选择器中默认显示的值是 2014 年 8 月 21 日 (21/08/14),这是不正确的。

我希望 startdate 是“data-date-startdate”属性中的值。

有任何想法吗?

谢谢

0 投票
1 回答
3546 浏览

javascript - Bootstrap datepicker 多种格式

我在表单中使用带有Bootstrap Datepicker的 Backbone.js。

简短的是允许客户端使用“dd.mm.yyyy”格式,所以我在日期选择器上设置了选项。

然后客户也想允许'dd.mm.yy',并让它自动翻译,所以我做了以下事情:

并将其绑定到输入上的更改事件。这很好用,我现在意识到,因为 dd.mm.yy 符合 dd.mm.yyyy 格式,即它并不矛盾。

现在客户还希望能够添加 ddmmyyyy 作为输入选项,但是日期选择器通过将新输入的日期替换为最后一个已知的正确日期或今天的日期来自动更正表单,因为 ddmmyyyy 与 dd.mm.yyyy 不匹配, 在上面的回调被调用之前。

有没有办法告诉 bootstrap-datepicker 多种允许的格式?

0 投票
1 回答
660 浏览

ruby-on-rails-3 - Rails bootstrap-datepicker-rails 不工作

我有一个使用 twitter-bootstrap-rails 2.2.6 和 bootstrap-datepicker-rails 1.3.0.2 的 Rails 3.2.19 应用程序。

我试图在表单中获取 text_field 以显示日期选择器,但是当我单击或关注该字段时没有任何反应。

当我检查元素时,我看到以下内容:

检查控制台时,我没有收到任何 JS/Coffee 错误。

这是我的代码:

项目.js.coffee

项目/_form.html.erb

我也尝试过根据 id 调用它并且没有运气。我在 Chrome、Firefox 或 Safari 中看到了相同的行为。

任何帮助是极大的赞赏。

0 投票
1 回答
8181 浏览

javascript - 禁用输入,允许点击文本框

我正在使用 Bootstrap 样式构建一个 .net Web 应用程序。我有一个配备日期选择器的文本框场景,我想避免日期字符串验证的麻烦。我想我可以简单地检查空字符串值(无输入)作为唯一必要的验证并禁用键盘输入。这样,唯一可能的输入是通过日期选择器。

我唯一的问题是,将disabled属性应用于 datepicker 框会禁用单击,并且 datepicker 通过单击文本框显示。

因此我的问题是:如何在仍然允许点击的同时禁用文本框的输入?