Как активировать bootstrap DatePicker через значок

Как я могу активировать загрузку DatePicker, щелкнув значок?Как активировать bootstrap DatePicker через значок

Мой HTML-код:

<input type="text" class="datepicker"> 
    <span class="add-on"><i class="icon-calendar" id="cal2"></i></span>

и сценарий:

<script> 
$(function(){ 
    $('.datepicker').datepicker({ 
     format: 'mm-dd-yyyy', 
     endDate: '+0d', 
     autoclose: true 
    }); 
}); 
</script>

Я хочу активировать DatePicker, нажав на иконку, но она не работает.

Как я могу это достичь?

источник

2014-01-08 user2142786

Какой Datepicker? Есть много вилок бутстрапа-datepicker; вы используете версию вечного кода, версию для eyecon или что-то еще? –

<script> 
$(function(){ 
    $('.datepicker').datepicker({ 
     format: 'mm-dd-yyyy', 
     endDate: '+0d', 
     autoclose: true, 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true 
    }); 
}); 
</script>

источник

2014-01-08 07:23:39 Anup

Вы ошибаетесь, OP говорит о ** bootstrap datepicker **, тогда как вы отвечаете за 'jQuery datepicker'. – Praveen

Согласно документации:

.datepicker ('шоу') Показать DatePicker.

Просто используйте событие click, чтобы показать свой datepicker.

источник

2014-01-08 07:26:33 Loenix

Его нужно разработать. – Praveen

<input type="text" id="my-datepicker" class="datepicker"> 
<span class="add-on"><i class="icon-calendar" id="cal2"></i></span> 

<script type="text/javascript">" 
    $('#cal2').click(function(){ 
     $(document).ready(function(){ 
      $("#my-datepicker").datepicker().focus(); 
     }); 
    }); 
</script>

источник

2014-01-08 07:27:26 makallio85

работал как шарм. Спасибо за помощь. +1 –

С docs, Оберните DatePicker textbox с div как

<div class="input-append date" id="dp3"> 
    <input type="text" id="datepicker" /> 
     <span class="add-on"><i class="icon-calendar" id="cal2"></i></span> 
</div>

Затем прикрепил событие Datepicker с div «s ид как