问题标签 [jquery-ui-timepicker]

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 投票
1 回答
1335 浏览

javascript - jquery-ui-timepicker - 具有 2 个不同时间范围的自定义下拉列表(上午和下午)

我必须从https://github.com/jonthornton/jquery-timepicker自定义 jquery-ui-timepicker

目标是在特定时间范围内引入中断:

我的初始代码在这里

此代码生成一个下拉列表,如下所示:

10:00

11:00

...

21:00

22:00

但我必须显示例如

10:00

11:00

12:00

13:00

14:00 <--- 第一个范围的最后一个小时

18:00 <--- 第二范围的第一个小时

19:00

...

22:00

我不知道该怎么做。目前我正在尝试创建一个具有所需小时数的数组并注入时间选择器,但我不知道这是否可能。如果有更好的解决方案,请告诉我。

0 投票
1 回答
259 浏览

javascript - 将时间添加到 hh:mm:ss javasctipt 字符串

我的网络服务返回了以下字符串:'10:00:00'。

它已通过以下方式在我的时间选择器中成功禁用:

我想要的是将 30 分钟(时间选择器中的一个选项)添加到obj.appointmentEndTime. 我试过了:

无济于事。

0 投票
2 回答
10124 浏览

jquery - 如何使用 jquery timepicker 从输入文本框中设置完整日历中的开始时间和结束时间

在我的模式中,我有两个输入文本框 startTime 和 endTime 使用 jquery timepicker

在此处输入图像描述

我可以将事件粘贴在从 jquery ui 日历中选择的正确日期,但是如何从开始时间和结束时间获取值,然后在全日历事件中设置这些值?

在此处输入图像描述

我知道如何获取这些输入中的值,例如 $('#startTime').val() 但堆叠在那里以将其设置为完整日历的开始时间。

下面是我的代码:

谢谢!

0 投票
5 回答
12512 浏览

javascript - jQuery timepicker 时间格式不起作用

我有一个时间选择器表单元素:

我正在尝试格式化但它不起作用:

在此处输入图像描述

我按照文档进行了添加timeFormat,如下所示:

所以我不明白为什么它不起作用。任何帮助,将不胜感激!

JSFiddle

0 投票
1 回答
398 浏览

jquery-ui-timepicker - jQuery UI Timepicker 关闭 1 分钟

我正在维护一个使用jQuery UI Timepicker并尝试解决错误的应用程序。

基本上,这是如何重新创建它:

有 2 个时间选择器,开始时间结束时间
1. 在开始时间,选择 6:00am(从小时区
2. 在结束时间,选择 12:00pm(从小时区
3. 返回到开始时间并从分钟区域中选择 00

然后运行一些代码来确定以分钟为单位的经过时间。该代码是:

我发现在完成步骤 1 和 2 后,一切都很好。
但是,如果我完成第 3 步,将为 endTime局部变量分配一个日期对象,该对象的时间分量为 11:59 而不是 12:00。

关闭 1 分钟。

如果我然后转到结束时间选择器并从分钟区域中选择 00 ,就像我对开始时间选择器所做的那样,经过的时间会再次正确。

作为调试时的一个有趣观察,两个时间选择器在第 1 步和第 2 步之后都落后了 1 分钟。也就是说,它们分别位于 5:59 和 11:59。经过的时间是正确的,因为差异很重要。但正如所说,一旦用户从hours area中选择 00 ,该选择器似乎会“正确”,并且差异会减少 1 分钟(直到其他选择器完成相同的操作)。

Javascript 日期很难!帮助会很棒。

0 投票
2 回答
1417 浏览

javascript - jQuery Timepicker onChange 更新相同的字段

我正在使用这个 jQuery 时间选择器:

http://jonthornton.github.io/jquery-timepicker/

我想以人类可读的时间显示列表,但需要表单将时间提交为 HH:MM:SS。看起来这个插件不像 datepicker 那样允许用户拥有两种不同的格式。

不幸的是,我坚持使用这个系统来维护,所以我无法更改插件或服务器代码。我正在尝试通过使用输入字段的 onChange(也是插件自己的 changeTime)事件来将时间转换为正确的格式并将其写回自身。

问题是似乎在时间选择器的值实际被放入元素之前触发了 onChange 事件。在它被时间选择器的值覆盖之前,我看到了正确的转换时间。

如果我使用延迟来更新字段,它会起作用,但从用户端看它不是很好。

有什么想法吗?谢谢!

请看下面的代码:

这有效(由于延迟,它似乎需要至少 150 毫秒才能工作)

这不是 - 我在它被覆盖之前看到它一瞬间。

0 投票
1 回答
1065 浏览

javascript - jquery ui时间选择器选择当前时间并隐藏今天过去的时间选择器选择框

我的输入字段如下 -

如下添加时间选择器

我具体做什么?

0 投票
1 回答
165 浏览

javascript - 默认时间的时间选择器问题

我正在使用时间选择器我的代码和选项如下:

它返回给我的输出如下:

它工作正常,但它从当前时间开始。我想要它从上午 12:00 开始,到晚上 11:45 结束,就像团队和谷歌日历时间选择器一样。

像那样

这就是我真正想要的

从我的 timpicker 我得到这个

你好 Ananad 这就是我要说的: 在此处输入图像描述