jquery를 사용하여 datepicker를 설정하는 방법은 무엇입니까?

Question

시작일 및 종료일 컨트롤에 datepicker을 설정하려고합니다.

내 코드의 실수는 무엇입니까?

Answer 1

서버 컨트롤이라고 언급 했으므로 ASP.NET을 사용하고 있다고 가정합니다. 그렇지 않으면

$('#<%= TxtStrtDate.ClientID %>, #<%= TxtExpDte.ClientID %>').datepicker({ 
... 
}); 

당신은 당신의 선택에 "여분을 가지고 있고, 당신의 ID는 내 할 필요가 :이 경우 당신이 MasterPages를 사용하는 경우, 다음을 수행 할 수 있도록 MasterPages 컨트롤의 ID를 탈수

$("#TxtStrtDate, #TxtExpDte") 
// or if they are javascript variables 
$("#" + TxtStrtDate + ", #" + TxtExpDte) 

편집 :

$("#" + TxtStrtDate,"#" + TxtExpDte") 

로 변경해야합니다 따옴표는 실제로 자바 스크립트 변수가 아니라면

귀하의 의견에 따라 jquery datepicker의 날짜 범위 버전을 사용하려는 것 같습니다. 이를 위해 다음을 수행해야합니다 :

$("#TxtStrtDate").datepicker({ 
    defaultDate: "+1w", 
    changeMonth: true, 
    numberOfMonths: 3, 
    onSelect: function(selectedDate) { 
     $("#TxtExpDte").datepicker("option", "minDate", selectedDate); 
    } 
}); 
$("#TxtExpDte").datepicker({ 
    defaultDate: "+1w", 
    changeMonth: true, 
    numberOfMonths: 3, 
    onSelect: function(selectedDate) { 
     $("#TxtStrtDate").datepicker("option", "maxDate", selectedDate); 
    } 
}); 

체크 아웃 자세한 내용은 JQuery와 UI를 사이트에 date range demo.

Answer 2

TxtStrtDate 및 TxtExpDte이 변수라고 가정하면 요소를 참조하는 방식이 잘못되었습니다. 이것에

업데이트 : 코드를 제시과

$("#"+TxtStrtDate+", #"+TxtExpDte).datepicker({ 
... 
}); 

This Fiddle 잘 작동합니다!

This Fiddle 현재 코드가 작동하지 않는다는 것이 증명되었습니다!

---

그들이 실제로 요소 ID를 사용하는 경우 :

$("#TxtStrtDate, #TxtExpDte").datepicker({ 
... 
}); 

이 working Fiddle 예를 참조하십시오!