3

是否可以启用 jquery UI (datepicker) 以启用多选和取消选择?

我正在使用的日期选择器示例。http://jqueryui.com/datepicker/

我有一个要求让日期选择器选择多个日期,我想知道如何实现一个类似的日期。非常感谢您的及时回复。请给我一些例子谢谢

4

3 回答 3

13

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

于 2013-07-15T10:52:11.803 回答
3

以下链接可能对您有所帮助。

http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerMultiple.html

于 2013-07-15T10:22:39.540 回答
1

试试这个 Kendo UI Calender Kendo UI 是 javascript 的实现。

于 2013-07-15T10:21:15.863 回答