Javascript JS时间选择器设置协调的最小和最大时间

我有一个来自伦敦的计时器

有两个实例，“开始”和“完成”：

<div align="center">
    <span class="glyphicon glyphicon-time"></span>
    <label for="start_time">Start</label>
    <input name="start_time" id="start_time">
    <p></p>
    <span class="glyphicon glyphicon-time"></span>
    <label for="finish_time">Finish</label>
    <input name="finish_time" id="finish_time">
</div>

开始

完成

JS设置最小和最大时间：

<script type="text/javascript">
$(document).ready(function(){
    $('#start_time').pickatime({
        //format: 'h:i A',          // Displayed and application format
        formatSubmit: 'HH:i:00',
        hiddenName: true,
        interval: 15,               // Interval between values (in minutes)
        min: '3:00 AM',             // Starting value
        max: '6:00 PM'              // Ending value
        //finish_time.set('min': start_time)
    });

    $('#finish_time').pickatime({
        //format: 'h:i A',          // Displayed and application format
        formatSubmit: 'HH:i:00',
        hiddenName: true,
        interval: 15,               // Interval between values (in minutes)
        min: '3:00 AM',         // Starting value
        max: '6:00 PM'              // Ending value 
    });
});
</script>

$（文档）.ready（函数（）{
$（“#开始时间”）。选择时间({
//格式：“h:IA”，//显示和应用程序格式
格式提交：“HH:i:00”，
是的，
间隔：15，//值之间的间隔（分钟）
min:'3:00am'，//起始值
最大值：“下午6:00”//结束值
//完成时间。设置（'min'：开始时间）
});
$（'完成时间'）.pickatime({
//格式：“h:IA”，//显示和应用程序格式
格式提交：“HH:i:00”，
是的，
间隔：15，//值之间的间隔（分钟）
min:'3:00am'，//起始值
最大值：“下午6:00”//结束值
});
});

---

我想做的是将开始时间选择器的最小开始时间设置为凌晨3:00，但将结束时间选择器的最小开始时间设置为开始时间+15分钟。您将如何执行此操作？

好的，您的代码可能是这样的，但正如我在评论中提到的，您必须检查开始时间+15分钟是否在第二天

HTML

<div align="center">
    <span class="glyphicon glyphicon-time"></span>
    <label for="start_time">Start</label>
    <input name="start_time" id="start_time">
    <p></p>
    <span class="glyphicon glyphicon-time"></span>
    <label for="finish_time">Finish</label>
    <input name="finish_time" id="finish_time">
</div>

---

好的，你的代码应该是这样的，但正如我在评论中提到的，你必须检查开始时间+15分钟是否在第二天

HTML

<div align="center">
    <span class="glyphicon glyphicon-time"></span>
    <label for="start_time">Start</label>
    <input name="start_time" id="start_time">
    <p></p>
    <span class="glyphicon glyphicon-time"></span>
    <label for="finish_time">Finish</label>
    <input name="finish_time" id="finish_time">
</div>

---

这个插件有一个方法名。因此，您可以在start_time元素上使用它来设置finish_time元素的最小值。但是我想你必须计算一下开始时间值+15分钟是否在第二天！所以在开始时间中，我添加了start:updateMin（）函数updateMin（）{$（'#finish_time'）.setAttribute（min，$（“#start_time”）.value）；}如果您没有注意到，我昨天发布了一个答案！这个插件有一个方法名。因此，您可以在start_time元素上使用它来设置finish_time元素的最小值。但是我想你必须计算一下开始时间值+15分钟是否在第二天！所以在开始时间中，我添加了start:updateMin（）函数updateMin（）{$（'#finish_time'）.setAttribute（min，$（“#start_time”）.value）；}如果您没有注意到，我昨天发布了一个答案！除此之外：编辑完成时间后，仍然可以将开始时间编辑为大于完成时间的值。但是，将同一事件放入“完成时间”会导致一个无休止的循环。要解决此问题，您可以在每次编辑开始时间时重置完成时间：完成时间。pickatime（'picker'）。set（'clear'，null）；除此之外：编辑完成时间后，仍然可以将开始时间编辑为大于完成时间的值。但是，将同一事件放入“完成时间”会导致一个无休止的循环。要解决此问题，您可以在每次编辑开始时间时重置完成时间：完成时间。pickatime（'picker'）。set（'clear'，null）；