Intercettare data e inserirlo in un input text

[Luca1317]

Sto utilizzando un template html dove è presente un controllo di tipo daterange;

quando vado a processare i dati col metodo get però non riesco ad intercettare i valori per cui avevo pensato di passare i valori in un campo input ogni volta che venivano selezionati.

il codice della pagina principale è:

<div class="input-daterange booking-dates col-xs-12 col-lg-8">
                        <div class="booking-date-fields-container col-xs-12 col-sm-6">
                            <h4><b>Check</b> in</h4>
                        </div>
                        
                        <div class="booking-date-fields-container col-xs-12 col-sm-6">
                            <h4><b>Check</b> out</h4>
                        </div>
                        
</div>

il codice del file .js è:

    // Booking datepicker
    jQuery("#main-booking-form .input-daterange, #booking-form .input-daterange, .booking-title-box form.booking-form .input-daterange").datepicker({
        format: "dd-mm-yyyy",
        autoclose: true,
        startDate: new Date()
    });


    // Booking tab Date Picker
    jQuery("#booking-tab-contents .booking-dates").datepicker({
        format: "dd-mm-yyyy",
        autoclose: true,
        startDate: new Date(),
        inputs: jQuery('.booking-date-fields-container')
    });

[cavicchiandrea]

La documentazione di datepicker cosa riporta? Permette di fare questo?

[Luca1317]

La documentazione (http://ravistheme.com/extra/pinar/html/doc/) del tema (http://ravistheme.com/pinar/html/pages/booking.html) dovrebbe essere quella di bootstrap ma a me sembra strano che non ci sia un modo di intercettare i dati selezionati per poi spedirli in get o post;

sono probabilmente io a non conoscere bene javascript anche perché credo che mi stia sfuggendo qualcosa.

[cavicchiandrea]

Non sviluppo con bootstrap, se nella documentazione non trovi riferimenti prova creare quello che ti serve in js o jquery

[Luca1317]

Ho controllato i files che carica la pagina principale e probabilmente mi sono sbagliato: il framework è jquery.

[Luca1317]

Ho scritto ai creatori del tema e mi hanno risposto facendomi sostituire una parte del codice;
nella parte html hanno aggiunto 2 input text mentre nella parte javascript hanno aggiunto una funzione on changeDate;

il problema è che ancora non funziona.



codice del file .js

 jQuery("#booking-tab-contents .booking-dates").datepicker({
        format: "dd-mm-yyyy",
        autoclose: true,
        startDate: new Date(),
        inputs: jQuery('.booking-date-fields-container')
    }).on('changeDate', function(e){
        var $this = jQuery(e.target);
        $this.find('input[type=hidden]').val(e.format('dd-mm-yyyy'))
    });

codice della pagina principale

<div class="input-daterange booking-dates col-xs-12 col-lg-8">
                        <div class="booking-date-fields-container col-xs-12 col-sm-6"><!-- Do NOT change the "booking-date-fields-container" Class -->
                            <h4><b>Check</b> in</h4>
                            <input type="text" class="check-in-date" value="">
                        </div>
                        <div class="booking-date-fields-container col-xs-12 col-sm-6"><!-- Do NOT change the "booking-date-fields-container" Class -->
                            <h4><b>Check</b> out</h4>
                            <input type="hidden" class="check-out-date" value="">
                        </div>
                    </div>