问题标签 [jquery-ui-timepicker]

我对 JS 和 Jquery 很陌生。我正在构建一个调度应用程序。我将约会存储在一个名为“事件”的模型中。我正在使用帮助器从名为“event.time_start”和“event.time_end”的列中的值构建多维数组，以供用户预约的给定日期。当用户从下拉菜单中选择 start_time 和 end_time 时，已经有约会的时间将灰显/“禁用”。我正在使用http://jonthornton.github.io/jquery-timepicker/的 jquery.timepicker 和 rails 来阻止给定时间对数组（[8am, 6pm], [1pm, 2pm]）中的某些时间值。
我正在使用变量@other_events 查找给定日期的“其他”事件（通知所用时间的事件）。

这是配对 event.start_time 和 event.end_time
events_helper.erb的助手

我可以让数组在视图中像这样工作：

但我无法让它在 JS 中工作。我现在正在尝试使用 Gon Gem 我需要输出的是：

事件/show.html.erb 视图

所以我试过了

应用程序.html.erb

events_controller.erb

与 JS

但这不起作用。它只是杀死了文本字段的下拉功能。我很想知道这些逗号分隔的对象（例如“'timeFormat':'g:ia'”和“disableTimeRanges: [....]”）是如何调用的，因此我可以更好地搜索 javascript 答案。我对 JS 和 JQuery 很陌生。

我正在使用 timepicker 附加组件（可在此处找到：http://trentrichardson.com/examples/timepicker/ ）。

我有一系列时间选择器，以及一个允许用户更改时间格式的菜单选项。但是，我能让它正常工作的唯一方法是我必须运行一个函数来破坏时间选择器，然后重置默认值：

这提出了一个问题，因为在我所有的时间选择器上，我都在独立设置默认时间，因此它们已经被填写，用户可以选择手动更改时间。当我销毁时间选择器时，它也会擦除我添加的默认时间。

有没有办法解决这个问题而不必破坏时间选择器，以便在用户更改格式时保持默认时间？

我正在尝试在我正在编写的 React 组件中使用jQuery UI Timepicker Addon 。但是，每当我尝试使用它时，我都会收到一个错误，即插件添加到 jQuery 的“datetimepicker”函数未定义。

我认为我遇到的部分（或全部）问题是 React 中没有用于此的模块，但我正在通过 React 导入 jQuery。我正在尝试做的...

索引.html：

如您所见，由于该插件当前不作为 React 组件存在（至少，如果存在，我找不到它），我手动将它与 jQuery UI 一起导入。

我的组件（通过不同的组件包含在索引中）：

我应该如何在这个 React 组件中包含 Timepicker 插件？

旁注：我使用 Timepicker 在很大程度上是因为它在其他元素上弹出的效果很好，并且它包含对秒和各种时间格式的支持。我现在正在使用“datetime-local”输入，但他们并没有真正削减它:(

I try to use datepicker and timepicker on a web application with jQuery. datepicker works well and I find the class.

Nevertheless I do not know why timepicker does not. The class does not exist and when I implement it, it does not work.

Datepicker:

Timepicker:

Suggestion or explanations about this strange problem?

我正在使用 JQuery 时间选择器。在选择时间时，显示时间的下拉窗口必须关闭，但它不会。

对于上述 on change 事件，输入文本被隐藏，但 Time Picker 下拉菜单不被隐藏。我了解，当我使用它时，它会隐藏文本框。但是在选择时间后关闭时间选择器的正确方法是什么。

我尝试了所有答案来解决此错误，但它不起作用。

这是我的控制器：

这是错误部分：

有没有其他方法可以解决这个错误？

我想用 jquery 插件 timepicker 制作一个自定义指令。我没有在控制台中获得输入值，它说未定义。

这是一个plunkr

我需要在时间表中输入任务的工作小时数。这仅需要采用 HH:MM 格式。需要总结特定任务的时间。

如果它增加了 24 小时，那么它需要再次更新，就像在这个任务上工作的总小时数 = 25:45 小时或 39:50 小时一样。我第一次使用 jQuery timepicker 并将其限制为 12 小时，但不知道如何添加和更新持续时间，以小时和分钟为单位。

我不想要上午/下午，只需要工作的小时数和分钟数。时间间隔=10分钟。

此外，用户必须能够为任务添加 :30 分钟、:35 分钟、:40 分钟的工作时间。如果您看过 Zoho 门户，那么您就会知道如何为任务添加日志小时数。我想要完全相同的方式。

这是我用过的-

在查看我的代码是否存在错误时，我意识到虽然我从 JQuery-UI-Picker 传递的时间戳格式为10/06/2015 16:08，但我的 MYSQL Insert 语句正在使用 FROM_UNIXTIME 并将其转换为全 0。为了解决这个问题，我需要将这个时间转换为格式 00-00-0000 00:00:00。

我发现了date_create_from_format我以前从未见过的功能，但是在使用它时我得到了一个 False 返回。因为我相信我正在正确使用它，任何人都可以帮助指出问题所在吗？

我正在使用jquery-timepicker，当我单击输入框时它不显示下拉列表。在我看来：

我知道它正在正确加载，因为当我单击输入框时 ui-timepicker 元素被添加到 DOM 中，并且当它失去焦点时它会格式化输入框中的时间。它只是不显示下拉菜单。