时间戳

首页 > 解决方案 > 用户的特定时间间隔

javascript - 用户的特定时间间隔

问题描述

在django 应用程序的 HTML 文件中使用start_timeand时。end_time我使用的时间标签如下：

<div>Start Time <input type="time" min="" max="" id="" name="start_time"></div>

<div>End Time <input type="time" min="" max="" id="" name="end_time"></div>

但这里的限制是- 用户将给出不同的时间5:00 AM to 4:59 AM。

那么，任何人都可以建议我们需要在标签中设置哪些值作为最小值start_time和最大值。end_time也欢迎任何其他解决方法。

标签： javascriptpythonhtmlcssdjango

解决方案

这是您在手动设置约束时可能会遇到的问题。

考虑使用引导时间选择器，这样可以处理约束。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-md-6">
    <div class="md-form md-outline input-with-post-icon timepicker" darktheme="true">
      <input type="text" id="dark-version-example" class="form-control" placeholder="Select time">
      <label for="dark-version-example">Dark version, 24 hours</label>
      <i class="fas fa-envelope  input-prefix"></i>
    </div>
  </div>
</div>

从这里查看示例

例如，如果您想定义一家营业时间为 30 分钟的上午 8:30 到晚上 8:30 的商店，则如下所示：

$('.event_date').datetimepicker({
    disabledTimeIntervals: [
      [moment().hour(0).minutes(0), moment().hour(8).minutes(30)],
      [moment().hour(20).minutes(30), moment().hour(24).minutes(0)]
   ]
});

推荐阅读