jQuery UI Datepicker-多个日期选择

Question

有没有一种方法可以使用jQuery UI Datepicker小部件选择多个日期？感谢所有帮助！如果无法使用jquery UI datepicker，那么有类似的事情吗？

Answer 1

稍加修改后，无论您设置了哪种dateFormat，它都可以工作。

$("#datepicker").datepicker({

                        dateFormat: "@", // Unix timestamp

                        onSelect: function(dateText, inst){

                            addOrRemoveDate(dateText);

                        },

                        beforeShowDay: function(date){

                            var gotDate = $.inArray($.datepicker.formatDate($(this).datepicker('option', 'dateFormat'), date), dates);

                            if (gotDate >= 0) {

                                return [false,"ui-state-highlight", "Event Name"];

                            }

                            return [true, ""];

                        }

                    });     

Answer 2

开发的插件非常轻巧，并且与jQuery UI几乎相同。我的要求是要有能力限制所选日期的数量。

直观上，该maxPicks属性似乎是为此目的提供的，但不幸的是它并不起作用。

对于那些正在寻找此修复程序的人，这里是：

1. 首先，您需要打补丁 jquery.ui.multidatespicker.js。我已经在github上提交了pull请求。您可以使用它，直到dubrox将其与母版合并或提出自己的修复方案为止。

2. 用法非常简单。如果maxPicks已经选择了指定的日期数（），则以下代码使日期选择器不选择任何日期。如果取消选择任何先前选择的日期，它将使您再次选择，直到再次达到限制。

   $("#mydatefield").multiDatesPicker({maxPicks: 3});