無法獲得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的日期選擇器出現在兩個標籤

回答

相關問題