是否可以启用jquery UI(datepicker)来启用多选和取消选择?
我正在使用的日期选择器的示例。 http://jqueryui.com/datepicker/
我有一个要求,使日期选择器能够选择多个日期,我想知道如何实现类似的一个。 非常感谢您的及时回复。 请给我一些例子 谢谢
最佳答案
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();
});
或者
jQuery(document).ready(function(){
jQuery('#datePick').multiDatesPicker();
});
检查这个JSFiddle .
关于jQuery 日期选择器多选和取消选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17651766/