jQueryUI ma fajneDatePicker z wyzwalaczem ikon (ikona kalendarza otwiera kalendarz, podobnie jak w programie Outlook).

Z drugiej strony,Grupy wejściowe Bootstrap 3 są naprawdę miłe do łączenia ikon z polami wprowadzania.

Czy można je połączyć bez przepisywania jednego z nich?

ZrobiłemJSFiddle tutaj. Dla «Data rozpoczęcia» wyzwalacz ikony jQueryUI nie jest aktywny. Dla «Data zakończenia» jest włączona. Ikona DatePicker pojawia się niestety poza grupą wprowadzania daty zakończenia:

Czy więc możliwe jest włączenie wyzwalacza ikon jako części grupy wejść (wyglądającej jak „data rozpoczęcia”, ale zachowującej się jak „data zakończenia”) bez poważnych modyfikacji?

Główna ikona Kod wyzwalacza:

$("#datepicker-end").datepicker({
showOn: "button",
buttonImage: "img/calendar.gif",
buttonImageOnly: true
});

Główny kod grupy wejścia:

<div class="input-group">
<input type="text" id="datepicker-start" class="form-control" placeholder="Start Date" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>