Question

请看看我的jsFiddle：

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

第一套datepickers：

function(chart) {

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

第二组datepickers：

function(chart) {

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

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

Answer 1

这是因为如果图表被隐藏，则图表不会正确呈现。

此错误已在Highstock的错误修复分支上修复。相关问题：https://github.com/highcharts/highcharts/issues/5231

使用提到的Highstock版本的工作演示： http://jsfiddle.net/w8rem1be/26/

<script src="http://github.highcharts.com/bugfix/highstock.js"></script>

无法让jQuery UI datepicker出现在两个选项卡上

1 个答案: