如何使用 AnyTime js 创建时间范围？答案

【问题标题】：How to create a time range using AnyTime js?如何使用 AnyTime js 创建时间范围？
【发布时间】：2011-08-31 17:55:00
【问题描述】：

我在 AnyTime js 手册中看到了日期范围的示例，但是有没有办法使用 AnyTime js 创建时间范围？

谢谢。

【问题讨论】：

标签： javascript jquery time datepicker anytime

【解决方案1】：

来自文档：

    earliest: new Date(2000,0,1,0,0,0),
    format: "%b %e, '%y"
    latest: new Date(2099,11,31,23,59,59)

新日期（[年]，[月]，[日]，[小时！！！]，[分钟！！！]，[秒！！！]

您只需设置带时间的日期即可获得 TimeRange。

【讨论】：

【解决方案2】：

AnyTime.picker() 使用格式说明符来决定显示哪些按钮，因此如果您指定的格式仅包含时间值（小时、分钟和/或秒），那么您将获得时间选择器而不是日期选择器.

【讨论】：

【解决方案3】：

提到的答案是正确的，但我想详细说明一下。如果一个人想要有时间限制和日期限制，他/她将需要创建两个字段并分别调用日期和时间。例如。

$('#datepicker').AnyTime_picker(
    {
      earliest: new Date(2014,7,1),
      format: "%Y-%m-%d",
      latest: new Date(2014,8,8)
    }
    );

要仅基于时间进行限制，需要将日期设置为某个日期，并将时间设置为您的限制时间。例如。

$('#timepicker').AnyTime_picker(
        {
          earliest: new Date(0,0,0,11,0),
          format: "%H:%i",
          latest: new Date(0,0,0,20,30)
        }
        );

另一方面，如果希望允许用户选择除开始日期和结束日期之外的任何时间，但希望在开始日期和结束日期有一个开始时间，那么可以使用以下代码：

$('#datetimepicker').AnyTime_picker(
        {
          earliest: new Date(2014,7,1,11,0),
          format: "%Y-%m-%d %H:%i",
          latest: new Date(2014,8,8,20,30)
        }
        );

【讨论】：