Bootstrap e range tra 2 date in calendario

[allin81]

Buonasera a tutti
ho un piccolo problema, sto inserendo un calendario di bootstrap che mostra un range tra 2 date (arrivo e partenza).

Se lo scrivo cosi' non ho problemi:

<div class="form-group table-bordered">
  <label for="arrivo" class="col-sm-3 control-label">Arrivo</label>
    <div class="input-daterange col-sm-6" id="datepicker">
        <input type="text" class="form-control" name="start" required/>
    <span class="add-on" style="vertical-align: top;height:20px">Partenza</span>
        <input type="text" class="form-control" name="end" required/>
    </div>
  </div>

La cosa brutta e' che il testo "Partenza" non me lo da sotto ad Arrivo ma spostato come si evince dalo screenshot che allego

http://snag.gy/sAUso.jpg

Se invece creo un nuovo div riesco a renderlo graficamente come voglio, ma non funziona piu' il daterange.
E sarebbe cosi:

<div class="input-daterange form-group table-bordered">
    <label for="arrivo" class="col-sm-3 control-label">Arrivo</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="datepicker" name="start" required>
    </div>
  </div>
  
  <div class="input-daterange form-group table-bordered">
    <label for="partenza" class="col-sm-3 control-label">Partenza</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="datepicker" name="end" required>
    </div>
  </div>

Mentre il javascript che mi apre il calendario e' questo:

<script type="text/javascript">
   $(document).ready(function () 
   {
       $('.input-daterange').datepicker
       ({
          format: "dd/mm/yy",
               startDate: "today",
             language: "it",
          autoclose: true,
          todayHighlight: true    
           });
            
   });
</script>

Dove sbaglio e come potrei risolvere?

Grazie

[cavicchiandrea]

Non conosco lo script ma io cambierei ID datepicker degli input start/end rendendolo univoco

[allin81]

In pratica renderesti i campi cosi'?

<input type="text" class="form-control" id="datepicker" name="start" required>
<input type="text" class="form-control" id="datepicker2" name="end" required>

[cavicchiandrea]

Diciamo di sì, ma nel esempio funzionante datepicker è legato ad un div è ininfluente per funzionamento? Probabilmente si ma per scrupolo userei altri ID

[allin81]

ho provato a cambiare id ai campi di testo e di nuovo non funziona la funzione che mostra il range.
In pratica posso scegliere come data iniziale il 25 marzo e come data finale il 24 marzo o antecedente...

Si, nell'esempio funzionante datepicker e' legato ad un div, ma non posso crearne un altro altrimenti non funziona di nuovo.

Per il momento sto risolvendo impaginando i campi uno sotto l'altro con l'etichetta sopra i campi e non alla sinistra, ma non e' il risultato estetico che volevo...