在jQuery-UI Datepicker中选择日期范围

Question

我正在开发一个网站，我正在使用jQuery-UI datepicker，问题是当用户使用a aingle jquery UI选择开始日期和结束日期时，我必须选择所有日期并将其放入数组中日期选择器。

我检查了jQuery-UI文档，但没有找到解决我问题的任何内容。

我想要像这样选择日期范围。

我必须使用 jQuery-UI ，所以任何有用的想法都会受到赞赏，

由于

Answer 1

您可以使用此方法：

1.用户点击2个日期

2.您将它们保存为两个变量（startDate，endDate）

3.你制作一个循环：

var numberOfDaysToAdd=0
var startDate;
var endDate;
var dateCheck=startDate;
var DatetoAddInArray = startDate;
var  array = [];
while(DatetoAddInArray!=endDate){
    //every time you check if the date is equal to the endDate
    //if  is not you add it in the array with the dates and then
    //you increase the index.
    //the while loop ends when you find the end  Date
    //You can change your code to add or not the start and the end dates
    numberOfDaysToAdd++;
    DatetoAddInArray.setDate(DatetoAddInArray.getDate()+numberOfDaysToAdd);
    array[numberOfDaysToAdd-1]=DatetoAddInArray;
 }

以上可能是存储从开始日期到结束日期的所有日期的简便方法。

（！）如果datepicker允许用户单击startDate然后单击startDate之前的endDate，则必须向用户发出一条消息，以选择正确的范围。

感谢。

Answer 2

我这样创建datepicker，所以不需要更多答案。的由于

这是 Fiddle