كيف أحصل على قيمة حقل bootstrap-datepicker على JavaScript؟

أبرمج تطبيق على إطار العمل Rails، وأستخدم حقل مخفي من نوع bootstrap-datepicker، بالشكل التالي:

<%= simple_form_for([@event, @dateevent]) do |f| %>
    <%= hidden_field_tag(:date, @datelist) %>
    <%= f.input :date, :as => :hidden, :input_html => { :value => "placeholder" } %>
    <%= f.button :submit %>
<% end %>

هذا الكود الخاص ب JavaScript المتعلق بالحقل:

    <input type="text" class='datepicker' >

<script type="text/javascript">
  $(document).ready(function(){
    $('.datepicker').datepicker({
      multidate: true,
      format: 'dd-mm-yyyy'
    });
  });
</script>

هذا هو زر اختيار التاريخ:

<button class="btn3">Add dates to the hidden field</button>

  <script>
    $(document).ready(function(){
      $(document).on('click', ".btn3", function () {
        var datelist = $(".listb").text();
        document.getElementById('date').value = datelist;
      });
    });
</script>

للتأكد من أن الزر يعمل:

<div class="listb">2016-2-2</div>

التأكد من خلال javaScript:

var datelist = $(".datepicker").text();
var datelist = $(".datepicker").val();

ما الذي يتوجب عليّ فعله للحصول على قيمة الحقل من خلال JavaScript والتأكد من قيمته؟