jQuery 日期选择器多选和取消选择

标签 jquery datepicker

是否可以启用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/

相关文章:

c# - JQuery datepicker 不适用于 asp.net 中的母版页

javascript - 自定义 jquery 日期选择器

javascript - 如何将日期选择器插入 MS Excel 单元格

php - Datepicker dd/mm/yy php 和 mysql 错误

javascript - Bootstrap 模式中的 MVC 动态验证不会阻止提交

javascript - 当我使用切换按钮单击此图片时,我的文字没有出现和消失

javascript - 使用 JQuery 将 Json 响应对象转换为字符串

jquery - Ipv4 验证 Jquery

jquery - 如何将日期渲染为 jQuery 日期选择器的链接?

javascript - 我如何使用jquery以特定 Angular 滑动div内容