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

javascript - 如何在鼠标悬停时显示 jQuery bootstrap-datetimepicker

很酷http://tarruda.github.io/bootstrap-datetimepicker/我正在使用...

我真的很喜欢

但没有喜悦......它只在点击input标签时显示......

HTML

0 投票
4 回答
21781 浏览

javascript - 引导日期选择器验证不起作用

我正在尝试使用bootstrap-datetimepicker.min.js,并且已成功将其集成到我的项目中。然而,当我尝试在输入字段中将今天的日期显示为默认值时from,它不起作用。

Javascript:

HTML:

并且我还想验证from提交的日期,使其不小于今天的日期和to不小于明天的日期且不大于 3 个月的日期。

我已经在 google 和 Stackoverflow 上搜索了答案。请帮我。

0 投票
1 回答
1005 浏览

knockout-validation - KO 验证和 bootstrap-datetimepicker

我正在尝试验证一个时间字段是否大于另一个时间字段。时间由bootstrap-datetimepicker输入,并通过 KO Validation 进行验证。

我的问题是验证似乎发生在文本框的自动更正之前。

应用自动更正后如何进行验证?

代码:

结果:

在此处输入图像描述

小提琴

0 投票
1 回答
1555 浏览

node.js - bootstrap-datetimepicker 无法选择日期

我是 NodeJS 和 AngularJS 的新手。我正在使用引导日期时间选择器(https://github.com/zhaber/datetimepicker)。我下面的例子是这个http://plnkr.co/edit/GIaEpg?p=preview

当我创建新应用程序并将其放入纯 HTML 文件时,它工作正常。但是当我尝试将它与使用玉模板的应用程序集成时,它无法在 datetimepicker 中选择日期。日期时间选择器内的其余按钮有效,但仅选择日期无效。

这是我的玉代码

我正在使用引导程序 3.0.0 和 JQuery 1.10.2

在下图中,我单击了一个日期,它被突出显示,但在框中它没有更新。

chrome开发者工具没有报错

任何帮助将不胜感激。

谢谢

0 投票
2 回答
18252 浏览

javascript - 引导日期时间选择器,单击图像时显示对话框

我正在使用引导日期时间选择器进行输入。

我定义了以下 html div

这个 javascript 启用引导日期时间选择器

输出如下

在此处输入图像描述

现在,当我单击文本框时,我看到了

在此处输入图像描述

这很好,但我想要的是即使单击小日历图标也应该弹出日期选择。我尝试了各种方法,但我无法理解它。对此的任何帮助将不胜感激。

0 投票
4 回答
80766 浏览

javascript - Bootstrap 3 datetimepicker 事件未触发

我正在使用Bootstrap 3 DateTimePicker ,我正在尝试示例 8(链接的 datetimepicker)。

日历正在根据需要显示,但 dp.change、dp.hide、dp.show 等事件没有启动。可能是什么问题?有什么帮助吗?

编辑: 请注意,我已经包含了所有必要的文件,如 Bootstrap js、bootstrap css、Moment.js 和 datetimepicker js 和 css 文件。

0 投票
2 回答
12633 浏览

asp.net-mvc - DatePicker 编辑器模板

下面是一个 EditorTemplate,它使用助手呈现 Bootstrap datetimepicker,EditorFor我看到的问题是脚本部分。它适用于DateTimePicker每个视图一个 - 但由于我使用类选择器,每当我使用 2 个或更多DateTimePicker的每个视图时,它都会呈现重复<script>的部分,从而混淆 DOMTextBox以调用日历。我在这里想念什么?

0 投票
3 回答
28280 浏览

jquery - 控制器中的 AngularJS UI Bootstrap Datepicker 日期格式不正确

我在我的 html 页面中使用 datepicker,如下所示:

HTML

日期选择器控制器

主控制器

提交网页后,我在主表单控制器中检索日期,但格式与日期选择器弹出窗口中显示的格式不同。选择后显示的格式例如是“26/03/2014”。但是,在我的控制器中,我得到:Thu Mar 26 2014 00:00:00 GMT 0000(GMT 标准时间)

请问,如何在控制器中获取显示的日期格式,而不是“Thu Mar 26 2014 00:00:00 GMT 0000(GMT 标准时间)”????

0 投票
1 回答
3377 浏览

knockout.js - Bootstrap DateTimePicker + KnockoutJS 自定义绑定:无法清除字段

我创建了一个自定义 KnockoutJS 绑定以与Bootstrap DateTimePicker一起使用。这是一个 JSFiddle 来说明我的意思:

http://jsfiddle.net/dXGB3/7/

它工作得很好,除了一个非常重要的细节:假设在选择日期后,用户从相应的文本框中删除了日期。“更新”方法不会触发,支持字段仍包含先前选择的日期。然而,用户的期望是他们正在提交一个没有日期的表单,但这个期望没有得到满足。要查看问题:在小提琴中,单击以查看日期时间选择器。选择一个日期。然后,将文本从文本框中擦除。日期仍显示在跨度中。

我开始制定一个解决方案,但它也有一个问题,我不确定我是否会以最好的方式解决这个问题。我的解决方案:

潜在的解决方案小提琴:http: //jsfiddle.net/NGwGb/1/

包装我的自定义绑定以包含值绑定。好消息:当用户擦除文本时,现在调用“值”。但是,我只想在用户擦除字段中的文本的一种情况下覆盖(擦除)支持日期对象值。所以我将此代码添加到更新方法中:

我认为从 DOM 中的元素中提取值对我来说真的很难看(违背了数据绑定的目的),而且这段代码打破了最初从后端的日期对象填充表单的场景。

我很想就如何让用户在擦除字段中的文本时真正擦除模型中日期字段的内容的最佳方式提出建议。

谢谢...

-本

0 投票
1 回答
8616 浏览

jquery - 使用jquery清除文本框值

我使用过“ bootstrap-datetimepicke ”,但在使用 jQuery 清除文本框时遇到问题。

我的html代码是:

使用以下代码我尝试重置文本框值:

按下按钮并检查控制台后,它显示一个正确的空值,而文本框值保持旧值(输入的值由脚本填充,但用户应该能够在单击重置按钮时重置该值)。

我将按钮类型从“重置”更改为“按钮”,现在又出现了另一个问题!

单击按钮时,不再显示其值,而打开检查元素窗口显示旧值,这会导致在提交表单后发布相同的值。