javascript - 1页中的3种3种日期选择

我有1个页面，其中有3个表单，然后我的问题是我的datepicker仅工作1个，其他结果为null，如何以3个不同的形式使用这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？ （如date，date1和date3）
 在这个1 JS中

最佳答案

而不是使用var date_input=$('input[name="date"]');

为每个日期选择器添加唯一的ID，并像上面这样使用上面的行

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

应该工作正常

试试这些

尝试1：如果工作表明您的datepicker或datepiker1尚未加载

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