Question

老实说，我希望你可以帮助我，因为我花了很长时间在网上寻找合适的解决方案而找不到任何解决办法。

我遇到的问题是我有一个jQuery日期选择器，我想在选择日期后保持打开状态，然后单击它下面的“完成”按钮关闭它。我发现最接近的是来自2012年的StackOverflow answer，但不幸的是它隐藏了来自showButtonPanel: true选项的按钮。

所以这是我最新的“尝试”的快照，它再次无效：

$(function() {
  $(".datepicker").datepicker({
    showButtonPanel: true,
    onSelect: function(){
      $(this).val();
    }
  });
});

日历由以下内容触发：

<input class="datepicker" type="text" path="startDate" data-date-format="mm/dd/yyyy" />

仅供参考 - 我正在使用jQuery 1.7.2.min.js（遗憾的是我出于安全和安全原因无法更新），jQuery-ui 1.10.3当然还有Bootstrap（版本3.0.3虽然我不确定是否这样会有所帮助）。谢谢

Answer 1

这是一个工作小提琴：http://jsfiddle.net/9uc7dwoa/

这是onSelect中的诀窍：

@{
IDictionary<string, object> htmlAtts = new Dictionary<string, object>();
string[] varData = {"ReturnUrl", "Title"}; //there are more values in my actual code
foreach (KeyValuePair<string, object> entry in ViewData)
{
    if (!varData.Contains(entry.Key)) {
        htmlAtts.Add(entry.Key, entry.Value);
    }
}
htmlAtts["placeholder"] = ViewData.ModelMetadata.Watermark;
}
@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, htmlAtts)

这里使用的代码的答案的参考： jQuery Datepicker: Prevent closing picker when clicking a date

jQuery Datepicker - 选择日期后保持打开状态，然后按“完成”按钮关闭

1 个答案: