Question

我有一个Jquery Datepicker，我需要选择一个日期范围，比如开始日期和结束日期。目前我只需点击一下按钮即可传递（个人）所选日期。我需要了解一下如何通过日期范围。

Jquery Calender（Datepicker）

function showSelectDatesFromCalendar() {
    $('#selectDates').datepick({minDate: new Date(1990, 1 - 1, 1),maxDate: new Date(), defaultDate: new Date(), monthsToShow:[1,3],monthsToStep:3, multiSelect:999,dateFormat:'mm/dd/yyyy'
        ,changeMonth:false, showSpeed:'#fast'});
}

1）如果我选择1 dec和30 dec，1 dec是开始日期，30 dec是结束日期。然后它应该传递开始和结束日期之间的所有日期。

我如何实现此功能。

Answer 1

在DatePicker设置

检查“ rangeSelectSet ”并将其设置为“true”，以允许在日期选择器中选择日期范围。

第一个选定日期是范围的开始，第二个选定日期是范围的结束。您可以设置为“false”以选择单个日期。

reference

function showSelectDatesFromCalendar() {
    $('#selectDates').datepick({minDate: new Date(1990, 1 - 1, 1),maxDate: new Date(), defaultDate: new Date(), monthsToShow:[1,3],monthsToStep:3, multiSelect:999,dateFormat:'mm/dd/yyyy'
        ,changeMonth:false, showSpeed:'#fast', rangeSelect:true,});
}

检查修改后的代码。

Answer 2

您需要使用回调来手动分配/更改内容。

$('.selector').datepicker({
   onSelect: function(dateText, inst) { 
     //  your modification here.
   }
});

请参阅http://jqueryui.com/demos/datepicker/

上的Events标签

编辑：见Proper way to add a callback to jQuery DatePicker，他们提供了大量的例子。

通过选择两个日期的日期范围

2 个答案: