Question

我有一个显示所有产品出租的页面，在这些产品下面我放置了一个视觉作曲家弹出模式。 Modal适用于每个产品，但这里的问题是模态中有开始和结束日期字段，我使用联系表单7创建，我给出了id来触发选择输入字段的日期选择器，但日期选择器是仅为第一个模态工作。从第二个模态它没有显示任何内容，所有按钮都有相同的类和ID，整个页面是使用visual composer插件创建的。

那么，我怎样才能获得该页面中所有模态的日期选择器。

这是Jquery代码

$( "#end_date" ).datepicker({
        beforeShow: function() {
        setTimeout(function(){
            $('.ui-datepicker').css('z-index', 99999999999999);
        }, 0);
    }});
       $( "#start_date" ).datepicker({
        beforeShow: function() {
        setTimeout(function(){
            $('.ui-datepicker').css('z-index', 99999999999999);
        }, 0);
    },
        minDate: new Date(),
        onSelect : function(selected_date){
        var selectedDate = new Date(selected_date);
        var msecsInADay = 86400000;
        var endDate = new Date(selectedDate.getTime() + msecsInADay);

        $("#end_date").datepicker("option", "minDate", endDate );
      }
    });

谢谢

Answer 1

这就是问题所在 -

＆＃34; ...从第二个模态它没有显示任何内容，所有按钮都有相同的类和ID ，整个页面是使用visual composer插件创建的...＆＃34; < / p>

可以复制这些类，因为您可以拥有多个类的实例，但每个ID必须是唯一的。如果您复制了ID，那么只会对第一个ID进行操作 - 正如您所经历的那样。您需要为第二个模态设置不同的ID。

您可以重新设计工作流程，只使用一种可以解决该问题的模式。

Datepicker仅适用于第一个Modal

1 个答案: