2013-07-15 85 views
3

是否有可能使jQuery UI(日期選擇器)啓用多選擇和取消選擇?jQuery日期選擇器多選擇和取消選擇

我正在使用的datepicker的例子。 http://jqueryui.com/datepicker/

我有一個要求,使日期選擇器選擇多個日期,我想知道如何實現一個類似的。 非常感謝您的及時回覆。 請給我一些例子 感謝

+1

願這個論壇給你一些想法。 http://forum.jquery.com/topic/jquery-datepicker-pick-multiple-dates – Praveen

回答

10

Multidatespickr是一個小插件,可以讓jQuery UI的日曆管理多個日期。

特點:

  • 選擇日期範圍。
  • 挑選多個日期不安全。
  • 定義可選日期的最大數量。
  • 定義一個範圍X天,從那裏可以選擇Y日期。
  • 定義不可用的日期。

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

OR

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

檢查這個JSFiddle

+0

嗨,tnx爲此,但如何才能改變選定的日期高亮顏色。目前它確實顯示了一個evry淺黃色,這個顏色沒有足夠突出顯示......那麼是否可以顯示日期選擇內聯? (沒有點擊文本框,它應該只是加載並處於相同的位置)。請告訴我。 – dev1234

+0

是的,可以更改選定的日期顏色。讓我試着讓你知道。這很容易顯示在線檢查這個http://jsfiddle.net/3t4j9/1/ – Praveen