jquery datepicker在模态对话框中自动显示

时间:2015-07-30 00:17:16

标签: jquery twitter-bootstrap jquery-ui datepicker

刚刚在我的模态对话框中使用了datepicker,第一次打开它时它不会自动打开(这是预期的)。如果我关闭对话框,则在下次自动启动时打开它(我绝对不想要)。

$(function () {

$(".datepicker").datepicker({
    dateFormat: 'yy-mm-dd'
});

$("#dialog").dialog({
    autoOpen: false,
    show: {
        effect: "blind",
        duration: 1000
    },
    hide: {
        effect: "explode",
        duration: 1000
    }
});
$("#opener").click(function () {
    $("#dialog").dialog("open");
});

});

以下是Fiddle Example

迄今为止所有的努力都没有奏效,到目前为止我所做的努力包括:

  • 在.open事件设置中将焦点转移到其他内容
  • 将自动对焦属性添加到模态中的其他控件
  • 将默认值设置为datepicker(硬编码)

任何提示或帮助都会很棒?甚至可能无法在jquery文档上找到任何内容。

1 个答案:

答案 0 :(得分:0)

关于我的经验,每个日期选择器(我在表单上有多个)必须具有不同的类属性名称。

在包含datepickers的partialview中,我讨厌以下javascript:

<p id="javi"></p>

然后在打开模态的主页面中返回部分视图,我有以下内容:

$(function () {
    $(".meetingDate1").datepicker({ dateFormat: "dd/mm/yy" });
    $(".meetingDate2").datepicker({ dateFormat: "dd/mm/yy" });
});

所以为了重新强调,我在“点击”按钮上禁用了日期选择器。事件然后在&#39;打开&#39;事件。感谢hackerman的帮助。