使用Jquery / Datepicker逐个选择多个日期

时间:2011-06-30 18:55:22

标签: jquery datepicker jquery-ui-datepicker

我有一个表单,在那个表单上我想要一个日期选择器。因此,当有人点击选择日期字段时,弹出日期选择器并显示多个月。从那里我希望该人点击各个日期,每次单击他们选择的日期将附加到表单字段逗号分隔。我正在寻找一个jquery解决方案,现在我正在看:

http://jqueryui.com/demos/datepicker/#multiple-calendars

问题是当我选择日期选择器关闭的日期时,所选日期会显示在表单字段中。我希望datepicker在选择多个日期时继续显示,并且他们选择的日期保持突出显示,然后在选择日期时单击完成。任何人都可以指出我如何实现这一点,或者是否有预先存在的jquery代码可以做到这一点?

2 个答案:

答案 0 :(得分:2)

试用这个插件(在页面底部附近演示):http://multidatespickr.sourceforge.net/

答案 1 :(得分:0)

对于任何登陆此处试图获取多日期选择器以突出显示所选日期的人 - 您可以使用之前的事件来添加类。

注意:这将为尚未选择尚未的所有内容添加一个类,这意味着您可以正常设置此样式并使用通常的类来选择样式。

$( '#booking_date' ).multiDatesPicker({ 
        beforeShowDay: function(date) {
             return [true, 'myClass'];
      }
});