3 datepick in 3 pages in 1 page

Question

我有1頁裏面有3個表格，那麼我的問題是我的datepicker只工作1，另一個做空結果，我怎麼能用3個不同的日期選擇器形式？

，這裏是我JS

$(document).ready(function(){ 
     var date_input=$('input[name="date"]'); //our date input has the name "date" 
     var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body"; 
     date_input.datepicker({ 
      format: 'dd/mm/yyyy', 
      container: container, 
      todayHighlight: true, 
      autoclose: true, 
     }) 
    }) 

以防萬一，我可以怎麼我做3 datepick用不同的名字呢？ （如日期，日期1 & DATE3） 在此1 JS

Answer 1

代替使用var date_input=$('input[name="date"]');

添加唯一的ID到每個日期選擇器，並使用上面的行這樣

var date_input=$('#datepiker1, #datepickwer2, #datepicker3'); 

應該正常工作

嘗試這些

嘗試1：如果作品，這意味着您的datepicker或datepiker1有n OT尚未加載

setTimeout(function(){ 
    var date_input=$('#datepiker1, #datepickwer2, #datepicker3'); 

    date_input.datepicker({ 
     format: 'dd/mm/yyyy', 
     container: container, 
     todayHighlight: true, 
     autoclose: true, 
    }); 

}, 500); 

嘗試2：

$("#datepiker1").datepicker({ 
     format: 'dd/mm/yyyy', 
     container: container, 
     todayHighlight: true, 
     autoclose: true, 
    }) 

    $("#datepiker2").datepicker({ 
     format: 'dd/mm/yyyy', 
     container: container, 
     todayHighlight: true, 
     autoclose: true, 
    }) 

    $("#datepiker3").datepicker({ 
     format: 'dd/mm/yyyy', 
     container: container, 
     todayHighlight: true, 
     autoclose: true, 
    })