2016-08-15 1 views
1

에 표시 가져올 수 없습니다 :는 jQuery를 UI의 날짜 선택기 내 jsFiddle에서 봐 주시기 바랍니다 두 개의 탭

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

두 datepickers 모두 첫 번째 ("주식 가격") 탭에서 성공적으로 나타납니다. 그러나 둘 다 두 번째 ("백분율 변경") 탭에 나타나지 않습니다. datepickers의

첫번째 세트 : datepickers의

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) 
}); 

그러나, 이들은 모두합니다 (Highstock 개체 생성 프로세스의 일부로서) 비교적 유사한 코드를 사용하여 호출되고 두 번째 함수 호출에서 내가 뭘 잘못하고 있니?

+2

두 번째 탭에서 날짜 입력 같은데 찾을 수 없습니다. 콘솔에서 이미지를보십시오. 첫 번째는 예상 입력을 반환하고 두 번째 것은 null을 반환하므로 datetime 선택 도구가 만들어지지 않습니다. 입력에 필요한 수업이없는 것 같습니다. 콘솔에 $ ('input', $ ('# tabs-2'))를 입력하면 입력 요소가 하나만 있고 유형이 '숨김'임을 알 수 있습니다. 이 점을 지적 해 주신 @Barmar에게 감사의 말을 전합니다. – Nesaje

답변

0

div#div-highstock-stock-price-chart 내부에 필요한 입력이있는 div가 있습니다.

비슷하거나 유사한 html 마크 업을에 첨부하여 datepicker에 첨부 할 수 있습니다.

먼저 Nesaje에게 알려주세요.

+0

Highcharts는 HTML이 아닌 div를 생성합니다. 왜 highcharts가 1st 컨트롤과 다른 컨트롤을 만드는 이유는 무엇입니까? 설정이 동일하게 보입니다. –

+0

내가 찾는 "입력"은 무엇입니까? 나는 console.log ($ ('# div-highstock-stock price-chart'))를 작성한다. 수백 가지 속성이 나열되어 있습니다. – MrSnrub

+0

@Barbara 오른쪽, highchart 그 요소를 만드는 것입니다. 하이 차트를 수정하는 방법을 모르겠다. – yezzz

관련 문제