2014-09-30 2 views
1

날짜 선택 도구에 문제가 있습니다. 나는이 datepicker를 습관에 필요로한다. 그러나 내가 습관 그들에게 시험해 볼 때 그것은 작용하지 않는다. 예 :OnSelect datepicker가 작동하지 않습니다.

나는이 html 코드가 있습니다

<div class="input-group"> 
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> 
    <input type="text" class="form-control" data-target="#job-date_start" name="date_start" title="" id="datestart" class="xlarge required" readonly> 
    <input type="hidden" id="job-date_start" value="" name="job[date_start]" /> 
</div> 

그리고 자바 스크립트에 내가 시도를한다 :

$('#datestart').datepicker({ 
    onSelect: function(date) { 
     alert(date); 
    }, 
}); 

그리고 난 내 날짜 선택기 console.log(test)을의 날짜를 클릭하면 내 문제는, 나타나지 마라.

감사합니다.

+0

준비를해야합니다 당신은 포함했다 'jquery'와'jquery-ui'를 사용하고 문서가 준비 될 때까지 기다리거나 코드를 몸의 끝에 넣으시겠습니까? –

+1

코드 작동 http://jsfiddle.net/m443no17/ :) –

+0

어느 datepicker 라이브러리를 사용하십니까? jqueryUI를 사용하지 않으면 onSelect 이벤트를 얻을 수 없을 수도 있습니다 ... –

답변

0

물론, 작성한대로 작동합니다. 그러나 helper이 하나만있는 경우 ,은 필요하지 않습니다.

$('#datestart').datepicker({ 
     onSelect: function(date) { 
      alert(date); 
    } 
}); 

datepickerjQuery 적절한 버전 당연히 필요한 모든 라이브러리를 가져온 바랍니다.

FYI은 : -이 스크립트를

+0

jQuery의 내 버전은 1.11.1입니다. 왜 작동하지 않는지 나는 이해하지 못한다. –

0

Inlcude의 JQuery와 및 JQuery와 UI 라이브러리를 실행 한 후 준비 문서를하기 전에 귀하의 DOM 당신의 코드를 추가 물론 http://jsfiddle.net/m443no17/

$(document).ready(function() { 
    $('#datestart').datepicker({ 
     onSelect: function (date) { 
      alert(date); 
     }, 
    }); 
}); 
+0

예 DOM을 준비했습니다. 내 datepicker가 작동합니다. 내 경보가 표시되지 않는 날짜를 클릭하면됩니다. –

+0

코드가 jsfiddle에서 작동하기 때문에 다른 문제가 발생해야합니다. –

+0

나는 알고 있지만 다른 문제는 무엇인지 알지 못합니다. –

관련 문제