【问题标题】:Bootstrap datetimepicker - stepping from a given timeBootstrap datetimepicker - 从给定时间开始
【发布时间】:2018-10-04 11:44:17
【问题描述】:

我有两个日期时间选择器,一个用于出发时间,一个用于到达时间。

我想做的是使到达时间始终是出发时间的 6 的模数。例如,如果出发时间为 13:40,则到达时间的可用选项为 13:46、13:52、13:58 等。

似乎 bootstrap 的 datetimepicker 只允许从小时开始(13:00、14:00、15:00 ...),而不是给定的分钟。

有没有办法允许从给定的小时+分钟开始步进?

感谢您的帮助

【问题讨论】:

  • 您使用的是什么日期时间选择器? (什么是 js 的链接......)有几个,我想确保在给出答案之前我正在查看正确的链接。我喜欢daterangepicker.com,你想做的很简单——其他“选择器”没有那么灵活或者可能根本没有这个功能,所以知道你在用什么很重要。
  • 我一直在使用bootstrap's datetimepicker,但如果需要我很乐意切换

标签: javascript bootstrap-datetimepicker


【解决方案1】:
  1. 您正在使用的选择器显示“我们处于代码冻结状态,而这 问题跟踪器不再受到主动监控”——我不是这样 会推荐一个新项目......
  2. 考虑你在做什么(除非你有其他事情 继续你没有提出你的问题 - 添加你的代码和 可能需要您正在做的更多细节......),听起来 就像你想选择一个日期+时间并自动 'arrival' 选择器集。

    我建议您考虑使用日期/时间选择器(您的 选择,尽管参见上面的“1”.....)和到达时间的 SELECT (这可能不适合您的应用程序,因为您没有说如果 到达可以/可能是不同的一天,我假设他们在同一天 约会并以“更简单”的方式进行..... :)

    在选择器的“onchange”中,您可以创建/更新(更有可能 更新)一个选择下拉菜单有你喜欢的时间(在你的情况下 模 6)。

    这是一个更简单的解决方案,同时也是一个对用户更友好的解决方案 (恕我直言)

  3. 您可以使用 daterangepicker.com 之类的内容并设置“timePickerIncrement”(如果您使用其他选择器,则为等效项)。

如果您使用 daterangepicker.com,您可以尝试使用 timePickerIncrement 的函数(以获得模 6),或者它可能只允许在几分钟内进行选择(在我重新阅读文档后,情况似乎确实如此...... .) 如果是这种情况,那么我会查看“isInvalidDate”。您可以将该功能设置为仅允许开始日期的模 6 有效(在页面上搜索“isInvalidDate”,那里有一些很好的编码提示)。

这应该会让你到达你需要的地方。

【讨论】:

  • 感谢您的回答。我设法通过编辑引导程序的 datetimepicker 的 decrementMinutes / incrementMinutes 函数来做我想做的事情。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-08-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多