JQuery DateTimePicker 추가 기능 작동을 얻으려면

나는 일주일 이상 this 부가 기능을 만들려고 노력해 왔습니다. (리처드슨의 변하지 일)JQuery DateTimePicker 추가 기능 작동을 얻으려면

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 
.ui-timepicker-div dl { text-align: left; } 
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } 
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } 
.ui-timepicker-div td { font-size: 90%; } 
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

JQuery와

<script type="text/javascript"> 
    $(function() { 
     $('#test').datetimepicker(); 
    }); 
</script>

에게

CSS : 나는 단순히 어떤 드롭 다운

여기 내 미니멀 코드의에게 보여주고받을 수 없습니다 HTML

<input id="test" class="hasDatepicker" type="text" value="" name="test">

을 포함하여 도서관

<script src="jquery-ui-timepicker-addon.js" type="text/javascript"></script>

JQuery와 libs와는이 같은 뭔가를 JQuery와 UI를 사용하는 구글이, CSS는, JQuery와 CSS 및 리차드슨의 추가 기능이 별도의 파일

출처

2012-02-05 arkihillel

브라우저 콘솔에 오류 메시지가 표시됩니까? – Fox32

이 줄에서 어떤 일이 벌어지고 있는지 :'$ ('# test'). datetimepicker();'? 당신이 알고있는 정보를 너무 많이주지 않았 으면 ... – gdoron

스크립트 참조를 보여줍니다. – gdoron

을하는 데 도움이 here 희망을 볼 수 있습니다 나는

class="hasDatepicker"

당신의 추가가 작동하지 않는 원인이있다 생각합니다.

나는 귀하의 코드를 가져 와서 그냥 제거하고 그것이 작동하는 것 같습니다. 예에서 :

JS Fiddle Example

참고 : 나는 timepicker의 JS 및 CSS 파일의 GitHub의 버전에 직접 연결.

출처

2012-02-05 13:42:24 ioncache

감사합니다. 지금은 정상적으로 작동합니다. 이 클래스가 소스에 있었던 이유를 모름 – arkihillel

jQuerUI datepicker 소스를 살펴 봤는데 datePicker 플러그인이 'hasDatepicker'클래스를 사용하여 입력에 이미 datePicker가 연결되어 있음을 나타낼 수 있습니다. 그래서 그 클래스를 직접 추가하면 플러그 인이 기술적으로 거기에 없는데도 입력에서 datepicker 객체를 인스턴스화하지 않게됩니다. 통찰력을 얻은 덕분에 – ioncache

감사합니다. – arkihillel

에 포함되어에서 가져온있다 . http://jsfiddle.net/Qdz4J/이 추가 지원이가

출처

2012-02-05 13:18:24 tmjam

링크가 채워진 결과 왜곡 된 텍스트가 나타나는 이유를 모르겠습니다. – arkihillel

JQuery DateTimePicker 추가 기능 작동을 얻으려면

답변

관련 문제