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

Question

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

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

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

Answer 1

，如果你使用的是引导框架，那么它会帮助你：

<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>