• 0

كيف أحصل على قيمة حقل 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 والتأكد من قيمته؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكنك الإعتماد على هذا الإصدار :

var datepicker = $('.datepicker').datepicker()
    .on('changeDate', function(e) {

       $('#date').val($(e.currentTarget).val());//1
       $('#date').val(datepicker.getDate());//2

    });

أو bootstrap 3:

var datepicker = $('.datepicker').datepicker()
    .on('dp.change', function(e) {

       e = {
    date, //date the picker changed to. Type: moment object (clone)
    oldDate //previous date. Type: moment object (clone) or false in the event of a null

}


    });

 

تمّ تعديل بواسطة E.Nourddine

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن