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>