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

Question

我有一个表单，希望在表单中添加日期选择器。当有人点击选择日期字段时，日期选择器会弹出并显示多个月份。然后，我希望用户单击每个日期，每次单击所选日期都将以逗号分隔的形式追加到表单字段中。我正在寻找一个jQuery解决方案，目前我正在查看：

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

问题在于我选择日期后，日期选择器就会关闭，然后所选日期显示在表单字段中。我希望日期选择器在他们选择多个日期并且所选日期保持高亮时继续显示，然后在完成选择日期后点击“完成”。有人能告诉我如何实现这一点，或者是否有预先存在的jQuery代码可以做到这一点吗？

- John

Answer 1

试用这个插件（页面底部附近有演示）：http://multidatespickr.sourceforge.net/

- BumbleB2na

Answer 2

对于任何来到这里想要实现多日期选择器以突出显示所选日期的人们，你可以使用beforeshowday事件来添加一个类，像这样。

注意：这将为尚未被选择的所有日期添加一个类，这意味着你可以按照正常的方式进行样式设置，并使用常规类来进行所选日期的样式设置。

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

- Talk nerdy to me