2016-06-24 3 views
0

Я разрабатываю сайт, где я использую jQuery-UI datepicker, проблема в том, что я должен выбрать все даты и поместить их в массив, когда пользователь выбирает дату начала и дату окончания используя a aingle jquery UI датаpicker.Выберите диапазон дат в jQuery-UI Datepicker

Я проверил документацию jQuery-UI, но не нашел ничего, что могло бы решить мою проблему.

Я хочу дата-диапазон подобрать как этот.

enter image description here

я должен использовать JQuery-UI, так что любая полезная идея будет иметь в виду,

Благодаря

ответ

1

Я создал datepicker вот так, так что не нужно больше ответов. Благодаря

Здесь работает Fiddle

enter image description here

1

вы можете использовать этот метод:

1.The пользователя нажимает 2 даты

2.Вы сохраните их в виде двух переменных (startDate, endDate)

3.you сделать петлю:

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, а затем нажать endDate, который находится перед startDate, вы должны предупредить пользователя о выборе правильного диапазона.

Спасибо.

Смежные вопросы