Question

我有1页有3个表单，然后我的问题是我的datepicker只工作1，另一个make 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个日期选票？（如日期，日期1和日期3）在这1 JS

Answer 1

而不是使用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,
    })

3个日期选择3页，共1页

1 个答案: