css - HTML 如何使日期选择器在 Internet Explorer 11 上可见？

Question

标签在 Internet Explorer 11 上显示为文本类型，而在 Chrome 上却能正常显示。未显示日历弹出窗口。

Chrome 没有遇到这样的问题。

    <div id="user_data">
        <form method="POST" enctype="multipart/form-data">
            <p>
                <label>Enter File Name:</label>
                <input type="text" name="dirname" value="Enter File Name here">
            </p>
            <p>
                <label>Expiry Date:</label>
                <input type="date" name="expDate">
            <p>

            <p>
                <input class ="f" type="file" name="file">
            </p>

            <p>
                <input id="doneBtn" type="submit" value="Upload">
            </p>
        </form> 

    </div>

Answer 1

这些表单字段从未在 Internet Explorer 中实现，因此降级为默认文本字段。有关支持详细信息，请参阅:https://caniuse.com/#feat=input-datetime

您需要使用 javascript polyfill/replacement 才能在 IE11 中显示日期选择器。例如https://github.com/brianblakely/nodep-date-input-polyfill