【问题标题】:How do you add jQuery datepicker to a text field in a tooltipster tooltip?如何将 jQuery datepicker 添加到 tooltipster 工具提示中的文本字段?
【发布时间】:2015-04-08 15:17:01
【问题描述】:

我有一个显示表格的 jQuery 对话框,对于第一个标题,我有一个 Tooltipster,它显示 dateStart 和 dateEnd 输入,以便对表格应用过滤器。我想在这些输入中使用 jQuery datepicker 来选择日期范围,但是 datepicker 不显示在 tooltipster 中。这可以做到吗?

工具提示:

$jq('.dateFilters').tooltipster({
content: $("table" StartDate  "input class='datepicker' type='text' name='dateFilterStart' " +
            EndDate "input class='datepicker' type='text' name='dateFilterEnd'
});

jQuery:

$jq(".datepicker").datepicker();

【问题讨论】:

  • 如果工具提示插件没有在渲染后触发某种回调,则可能不会

标签: jquery jquery-ui datepicker tooltipster


【解决方案1】:

plugin documentation 建议您应该在 functionReady 选项中执行此操作:

$jq('.dateFilters').tooltipster({
    content: /* ... your stuff here ... */,
    functionReady: function() { $jq(".datepicker").datepicker(); }
});

免责声明:我从未使用过此插件。这个答案完全基于上面链接中提供的文档。

【讨论】:

  • 非常感谢!这可行,但是我必须从日期选择器中删除 $jq 并将其保留为 $
  • 这应该是 jQuery 对象在您的应用程序中具有的任何别名; $jQuery 是默认值,但您可以将其设置为任何您喜欢的值。如果答案对您有所帮助,请考虑打勾
  • 刚刚在 Chrome 中进行了测试(我们使用 IE 默认 .... 我知道)并且日期选择器显示正常,但是当您单击上个月或下个月时,工具提示器会在您设置日期之前消失。在 IE 中运行良好!去图吧。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-09-15
  • 1970-01-01
相关资源
最近更新 更多