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

jquery - Bootstrap Glyphicons datetimepicker 更改图标

我正在使用 Bootstrap 日期时间选择器https://eonasdan.github.io/bootstrap-datetimepicker/

如文档中所述,我成功地使用以下代码更改了向上、向下箭头。

我可以知道如何更改日历的左右图标吗?为了便于理解,我在下图中突出显示了要更改的图标。

引导 Glyphicons 图像

任何帮助将不胜感激。

0 投票
1 回答
510 浏览

jquery - 引导 datetimepicker 阻止 minDate 打印

我正在使用引导 datetimepicker,这是我的脚本

在上面的脚本中,我正在初始化minDate今天的日期,但问题是当我检查结果时,今天的日期已经作为文本框的打印值出现,但我不希望它被打印我希望它只是限制它选择日期早于今天的日期。

0 投票
2 回答
1430 浏览

javascript - Bootstrap DateTimePicker(Eonasdan)未显示

我正在使用 Bootstrap v3,并想使用 Eonasdan 的 DateTimePicker。我已经在其他项目中使用它没有问题。我现在的问题是单击输入框时没有显示 DateTimePicker。输入框在那里,日期显示在输入框中。只是选择器没有弹出。这是我的代码:

HTML:

JavaScript:

图书馆的顺序正确(我认为)并且它们处于原始状态:

CSS:

不过,我不知道我做错了什么。在我所有的其他项目中,它就是这样工作的。

也许这里有人有想法?

谢谢

0 投票
0 回答
251 浏览

ruby-on-rails - 以 Rails 形式格式化 Bootstrap-Datetimepicker 输入

我正在使用这个datetimepicker 从用户那里获取日期时间输入。问题是,当我提交表单时,日期时间采用以下格式(有关格式标记,请参见此处):

但是 rails 只接受这种格式:

这会导致一些奇怪的行为,有时表单接受日期时间,但以错误的方式读取月份和日期,并且仅在月份超过 31 天且天数超过 12 时拒绝表单。

如何更改 rails datetime 或 datetimepicker 提交的值的格式,以使它们保持一致并且我的表单可以正常工作?我试过添加

到我的 datetimepicker,但这会导致一些错误,并且 datetimepicker 从表单中消失。

0 投票
1 回答
311 浏览

jquery - 带有 Ajax 和模态弹出窗口的 Eonasdan Datetimepicker

日期时间选择器在 Ajax 上的模态下..

Datetimepicker 可以显示我是否不使用 Ajax,这是没有 ajax 的图片(在 Modals 中): 在此处输入图像描述

但是,如果我使用 Ajax,它将从 Modal 的波纹管中显示: 在此处输入图像描述

我使用$(document).ready()css.('z-index',99999) 另一种方法,但不起作用。

这是我的完整代码:

这是由 Ajax 调用的

0 投票
2 回答
411 浏览

bootstrap-datetimepicker - datetimepicker 中是否有任何选项可以激活或突出显示特定日期

我在我的项目中使用http://eonasdan.github.io/bootstrap-datetimepicker/来安排医生预约。

我已经完成了所有工作,但我没有找到的一件事是我想突出显示医生可用的日子。我希望那些日子是活跃的,而其他日子应该是不活跃的或昏暗的。

谢谢。

0 投票
2 回答
1046 浏览

eonasdan-datetimepicker - 如何设置禁用分钟

我一直在我网站的一部分上使用这个 DateTime 选择器,我有一个每周的时间表,它的开始和结束时间取决于一周中的哪一天,我想禁用超出时间表范围的时间和包括分钟,我有什么惊喜?我找不到任何有关禁用分钟的文档。我决定将 DateTime 插件更改为另一个插件,但我必须更改我已经拥有的所有代码。所以我回到 [eonasdan-datetimepicker] 有什么办法可以完成这项工作吗?我能够成功禁用小时,但我说的是分钟。

0 投票
0 回答
1130 浏览

twitter-bootstrap - 引导日期时间选择器位置错误

我生成了以下html

但是 datetimepicker 的位置错误。请看下面的截图: 在此处输入图像描述

随着表中有更多行,情况会变得更糟。datetimepicker 的文本框越往下,datetimepicker 就越高。奇怪的问题,有人看到这里发生了什么吗?

更新:根据评论,这就是我所拥有的,但它仍然无法正常工作

此外,如何修改上述内容以处理两个日期时间选择器,即 MeetingToEdit_StartTime 和 MeetingToEdit_EndTime 它们将取决于单击的单元格。

0 投票
3 回答
16864 浏览

javascript - 引导 datetimepicker - 相对于现在设置 maxDate?

我使用这个 datetimepicker:
http
://eonasdan.github.io/bootstrap-datetimepicker/Options/ 基本上我想设置maxDate: moment(),即 maxDate 应该限制在现在。问题是在打开日期选择器时 maxDate 不再是 now() 了。每次显示日期选择器时,我都想将其 maxDate 设置为现在。

如果可能的话,我想在全球范围内强制执行它,而不是在每个datetimepicker()实例上都指定它。是否有可能使用 moment.js 以某种方式给出现在的相对日期?

看到这个小提琴:
https
: //jsfiddle.net/0Ltv25o8/3281/ 我将 maxDate 设置为现在。您会在页面加载后的一分钟后看到,您将无法使用箭头按钮选择当前分钟。

0 投票
1 回答
1877 浏览

jquery - 带有 eonasdan DatePicker 的数据表不起作用

我有麻烦eonasdan DatePicker时遇到问题,我不明白我搞砸了什么......我想我已经验证拥有所有必要的资源,但是当我点击日历图标时没有任何反应:\

现场代码:现场示例


我已经按照安装说明手册和演示进行操作。

报价:

最低要求
jQuery
Moment.js
Bootstrap.js(如果您不使用完整的 Bootstrap,则需要转换和折叠)
Bootstrap Datepicker script
Bootstrap CSS
Bootstrap Datepicker CSS
Locales:Moment 的语言环境文件在这里

需要的脚本:

CSS 样式