关于DatePicker的一页使用多个的问题！！求大神。。急哭了

Question

这个是页面，index页面里有4个可以以弹出框形式弹出的html文件。第一次点开问卷管理第二次点开问卷管理点击其他的页面这是为什么
以下是代码：--------------------------------------------------

Answer 1

你的input没有设置id="startdate1"之类的啊，
你的代码
$("#startdate1")要求id值

Answer 2

对啊，你在调用的时候用的是"#",那input标签是要写id的
你的input用的是class，调用应该用$(".startdate1")

Answer 3

是不是弹出窗关闭的时候，form是被删除了（不是隐藏），所以form中的input绑定的datepicker也就不存在了，而之后再打开的界面实际上是新的form，不是之前绑定datepicker的。

Answer 4

属性相同，不一定就是同一个；你得看一下 当弹出层关闭的时候， 这个input元素还在么？

Answer 5

1.看一下关闭操作 是不是隐藏窗口，如果是id相同会产生冲突
2.如果你是ajax加载的页面，也就是窗口需要用到当前父页面的JS脚本，那么你需要在子页面中 初始化日期插件，或者当你获取到子页面数据并且成功加载到当前页面时，初始化相应的日期插件
3.如果是ifarme形式加载，F12看下是否有脚本错误或者冲突

Answer 6

$('.datepicker').datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'yy-mm-dd',
        maxDate: '+0d'
    });试试这个呢？

Answer 7

楼主，我也遇到你这个问题呢，AJAX弹出对话框，可以修改，第一次datepicker有效，关闭对话框再点击弹出，datepicker就无效了，请问你是怎样解决的呢？

Answer 8

楼主，我找到个解决方法呢，你每次关掉窗口，都把ui-datepicker-div给删掉就好了，然后打开的时候在调用datepicker，这样hasDatepicker就不会生效了。

Answer 9

  $("#dialog-message").dialog({
            modal: true,            height: 300,
            width: 400,
            buttons: {
                "修改": function () {
                    $(this).dialog("close");
                   $("#ui-datepicker-div").remove();
                },
                "取消": function () {
                    $(this).dialog("close")
                    $("#ui-datepicker-div").remove();
                }
            },
            close:function(){
                $("#ui-datepicker-div").remove();
            }        });
我就是这样解决的，希望能帮到你

Answer 10

贴一下弹出的html代码和js看看  像二次打开的时候未初始化。。