2017-01-19 13 views
0

私のウェブページにこの検索バーがありますが、カレンダーをクリックしても何も起こらないので、何を追加すればいいですか?HTML、CSS、JSカレンダーを追加する

search bar

また、ここでは、検索バーのためのスクリプトです:ここで

<!-- Search --> 
     <script> 
     $(window).ready(function(){ 
       var nowTemp = new Date(); 
       var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 
       var checkin = $('#checkin').datepicker({ 
       onRender: function(date) { 
        return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
       } 
       }).on('changeDate', function(ev) { 
       if (ev.date.valueOf() > checkout.date.valueOf()) { 
        var newDate = new Date(ev.date) 
        newDate.setDate(newDate.getDate() + 1); 
        checkout.setValue(newDate); 
       } 
       checkin.hide(); 
       $('#checkout')[0].focus(); 
       }).data('datepicker'); 
       var checkout = $('#checkout').datepicker({ 
       onRender: function(date) { 
        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
       } 
       }).on('changeDate', function(ev) { 
       checkout.hide(); 
       }).data('datepicker'); 
      }); 
     </script> 

それは例えばでのチェックのための1つのdivだとこのカレンダーもあるが、それは唯一のglyphiconです:

<div class="input-group"> 
    <input type="text" class="form-control" id="checkin" placeholder="Check in"> 
    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
</div> 

これが私を助けるのに十分かどうかわかりませんが、それ以外のコードを追加するだけです。

ありがとうございます!

答えて

関連する問題