如何自定义HTML 5日期选择器

Question

我需要在我的应用程序中添加日期选择器。我正在考虑自定义HTML 5 datepicker

<input class="form-control" type="date">

我需要将向下箭头更改为日历图像。并且还需要一直显示图标。不只是悬停。

Answer 1

如果你正在使用Bootstrap frameWork，那么它会帮助你：

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker1'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
    </script>
</div>