javascript - 无法让 jQuery UI 日期选择器出现在两个选项卡上

Question

请看看我的jsFiddle:

https://jsfiddle.net/MrSnrub/w8rem1be/

这两个日期选择器都成功显示在第一个(“股票价格”)选项卡上。但它们都没有出现在第二个(“百分比变化”)选项卡上。然而，它们都是使用相对相似的代码调用的(作为 Highstock 对象创建过程的一部分):

第一组日期选择器:

function(chart) {

  // apply the date pickers
  setTimeout(function() {
    $('input.highcharts-range-selector', $('#tabs-1')).datepicker()
  }, 0)
});

第二组日期选择器:

function(chart) {

  // apply the date pickers
  setTimeout(function() {
    $('input.highcharts-range-selector', $('#tabs-2')).datepicker()
  }, 0)
});

我在第二个函数调用中做错了什么？

Answer 1

在 div#div-highstock-stock-price-chart 内，您有一个 div，其中包含所需的输入。

在 div#div-highstock-percentage-change-chart 中添加日期选择器可以附加的相同/相似的 html 标记。

感谢 Nesaje 首先看到了这一点。