在引导程序模式下显示输入的问题

Question

当我单击一个图标时，我想显示一个引导模态，要求输入一些文本和日期。我已经从W3Schools复制了代码，并进行了编辑以显示所需的表单，但是当我单击按钮时，它将显示标签，文本区域而不是输入日期。当我看到显示导航器的代码时，我可以看到输入中包含样式。具体来说，它具有display: none，但我不知道是什么使输入具有这种样式。我正在使用引导程序，因此显示模态的功能是引导程序的本机。

我试图将<input type='date'>放在<label>中，但是它不起作用。

<div class="modal fade" id="modalHitos" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Nuevo hito</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="newHito">Hito</label>
                    <textarea class="form-control" rows="5" id="newHito"></textarea><br>
                    <label for="newDate">Fecha prevista</label>
                    <label><input type="date" id="newDate"></label>
                 </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="saveHito()">Guardar</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

我希望当我单击按钮时，它显示带有两个标签和两个输入（文本区域和输入日期）的模式。但是它不显示输入日期。

Answer 1

我不确定，但我认为您的CSS（插件）有问题。如果在检查输入时显示：none。您可以使用以上代码覆盖输入日期的样式显示属性。

<input type="date" id="newDate" style="display: inline !important;">