无法获得jQuery UI的日期选择器出现在两个标签

请看看我的jsfiddle：无法获得jQuery UI的日期选择器出现在两个标签

两个datepickers都成功地出现在第一（“股票价格”）选项卡上。但他们都没有出现在第二个（“百分比变化”）选项卡上。

第一组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) 
});

然而，它们都被使用相对类似的代码（作为Highstock对象创建过程的一部分）被称为我在做第二个函数调用时做错了什么？

来源

2016-08-15 MrSnrub

看起来像第二个选项卡上的日期时间的投入也不会被发现。看看来自控制台的图像。第一个返回预期的输入，第二个返回null，因此你没有创建日期时间选择器。看起来你的输入没有需要的类。如果在控制台中键入$（'input'，$（'＃tabs-2'）），您将看到只有一个输入元素，而该输入元素是'hidden'类型。谢谢@Barmar指出这是更多评论形式。 – Nesaje

Inside div#div-highstock-stock-price-chart你有一个div，里面有需要的输入。

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

感谢Nesaje先看到这一点。

来源

2016-08-15 22:14:46 yezzz

Highcharts创建了divs，而不是他的HTML为什么highcharts创建的第二组控件与第一组不同？设置看起来一样。 –

我应该寻找什么“投入”？我写了console.log（$（'＃div-highstock-stock-price-chart'））;并有像列出的一百个不同的属性。 – MrSnrub

@Barbara右图，高图正在创造这些元素。恐怕我不知道如何修复高图。 – yezzz

这是因为如果图表隐藏，图表无法正确呈现。

该bug在Highstock的bugfix分支上得到修复。相关的问题：https://github.com/highcharts/highcharts/issues/5231

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

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

来源

2016-08-23 09:08:53

无法获得jQuery UI的日期选择器出现在两个标签

回答

相关问题