2013-07-15 294 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