2013-07-15 3 views
3

다중 선택 및 선택 취소를 사용하도록 jquery UI (datepicker)를 활성화 할 수 있습니까?jQuery 날짜 선택 도구 다중 선택 및 선택 취소

나는 사용중인 datepicker의 예입니다. http://jqueryui.com/datepicker/

나는 여러 날짜를 선택하기 위해 datepicker를 사용할 수있는 요구 사항이 있으며 비슷한 것을 구현하는 방법을 알고 싶습니다. 귀하의 신속한 회신은 대단히 감사하겠습니다. 몇 가지 예를 나에게 감사

+1

이 포럼에서 몇 가지 아이디어를 얻을 수 있기를 바랍니다. http://forum.jquery.com/topic/jquery-datepicker-pick-multiple-dates – Praveen

답변

10

Multidatespickr 여러 날짜를 관리하기 위해 jQuery를 UI 달력을 할 수있는 작은 플러그인입니다.

특징 :

  • 날짜 선택 범위.
  • 여러 날짜를 선택하지 않아도됩니다.
  • 최대 선택 가능 날짜 수를 정의하십시오.
  • Y 날짜를 선택할 수있는 범위 X 일을 정의하십시오.
  • 사용할 수없는 날짜를 정의하십시오.

HTML :

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"/> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"/> 
<script src="http://multidatespickr.sourceforge.net/jquery-ui.multidatespicker.js"/> 

<input id="datePick" type="text"/> 

JS :

$(document).ready(function(){ 
    $('#datePick').multiDatesPicker(); 
}); 

또는

jQuery(document).ready(function(){ 
    jQuery('#datePick').multiDatesPicker(); 
}); 

확인이 JSFiddle.

+0

안녕하세요, tnx가이 방법을 사용하고 있지만 선택한 날짜를 강조 표시하는 방법을 변경하는 방법은 무엇입니까? 현재 그것은 강조 표시되어 있지 않은 evry light yellow 색을 보여줍니다 ... 그러면 날짜 표시 인라인을 표시 할 수 있습니까? (텍스트 상자를 클릭하지 않고 그냥로드하여 같은 위치에 있어야합니다). 저에게 알려주세요. – dev1234

+0

예 선택한 날짜 색을 변경할 수 있습니다. 내가 너를 알려주려고하자. 인라인 체크에서 이것을 보여주는 것은 간단합니다. http://jsfiddle.net/3t4j9/1/ – Praveen