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, 
    })