我们如何为 datetime-local 动态设置 minDate？

Question

我有两个输入，一个开始日期和另一个结束日期，我希望结束日期的开始日期为 min。当开始日期被填充时，如何将结束日期填充为与开始日期相同，并且最小值也是开始日期，否则将被禁用

<div>
    <small id="inputHelp" class="form-text text-muted-hint">Enter Time (UTC Format)</small>
</div>
<div>
    <label for="startTime">Start Time:</label>
    <input type="datetime-local" class="form-control" id="startTime" ng-model="startTime" max="{{maxDate | date: 'yyyy-MM-ddTHH:mm:ss'}}">
</div>
{{startTime}}
<div>
    <label for="endTime">End Time:</label>
    <input type="datetime-local" class="form-control" id="endTime" ng-model="endTime" [disabled]="!startTime">
</div>

截至目前，endDate 已被禁用。新来的角度不知道如何处理相同的

Answer 1

请检查以下工作代码：

function handler(e) {
        document.getElementsByName("endTime")[0].min = e.target.value;
document.getElementsByName("endTime")[0].disabled = false;
    }

<div>
    <small id="inputHelp" class="form-text text-muted-hint">Enter Time (UTC Format)</small>
</div>
<div>
    <label for="startTime">Start Time:</label>
    <input type="datetime-local" class="form-control" id="startTime" ng-model="startTime" max="{{maxDate | date: 'yyyy-MM-ddTHH:mm:ss'}}" onchange="handler(event)">
</div>
{{startTime}}
<div>
    <label for="endTime">End Time:</label>
    <input type="datetime-local" class="form-control" name="endTime" id="endTime" ng-model="endTime" disabled>
</div>

休息一下，我知道您将从头开始管理框架部分。如果您发现代码有任何问题，请告诉我