引导日期选择器中特定范围之间的禁用日期

Question

我有两个日期选择器（一个是 html，另一个是 bootstap datpicker）。现在我想在特定情况下在我的第二个日期选择器中取消选定的日期 情况是 - 如果有人从 DATEPICKER 1 中选择 10 June 2021 并在 DATEPICKER 2 中选择 14th June 2021。现在用户只能在 DATEPICKER 2 中选择 2021 年 6 月 10 日至 2021 年 6 月 14 日之间的日期。所有 10 日之前的日期都应该是6 月 14 日之后的日期也应禁用。

日期选择器 1

<input type="datetime-local" class="form-control" id="datetimepciker_1" placeholder="Date and time" name="date_time">

日期选择器 2

<div id="datetimepciker_2" class="input-group date " data-date-format="mm-dd-yyyy">
    <input class="form-control" type="text" name="datetimepciker_2"  />
    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>

注意 日期选择器 1 是 html 日期时间选择器， Datepicker 2 是引导日期选择器