datetime-local元素不起作用所需的输入

问题描述

我有一个应用程序，在模态下，我使用了两个日期时间选择器

<div id="inputModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modalLabel">Filter By Time</h4>
                <button type="button" class="close" id="inputModalClose" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="col-sm">
                    <label class="display-label required" for="=startTime"> Start Time </label>
                    <input type="datetime-local" id="startTime" name="startTime" required>
                </div>
                <div class="col-sm">
                    <label class="display-label required" for="=endTime"> End Time </label>
                    <input type="datetime-local" id="endTime" name="endTime" required>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" id="modalSubmit" data-dismiss="modal">Submit</button>
            </div>
        </div>
</div>

此HTML代码位于shadowRoot下。如您在代码中所注意到的，我已经在两个datetime-local元素上设置了“ required”属性。但是，当我单击“提交”按钮而未在日期选择器中选择任何值时，所需的选项将不起作用。您能帮我解决为什么不起作用吗？（可能是因为我没有使用表格吗？）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

datetimepicker html shadow-dom