为 DatePicker + JQuery + PHP 设置默认 DateRange答案

【问题标题】：Set default DateRange for DatePicker + JQuery + PHP为 DatePicker + JQuery + PHP 设置默认 DateRange
【发布时间】：2015-01-14 08:24:48
【问题描述】：

我正在使用 JQuery DatePicker 设置“日期范围”。如下所示，我为 Datepicker 使用了一个字段。现在，我的要求是在页面加载时将默认日期范围设置为 Datepicker。日期应该是今天的日期和前 7 天的日期。

<div id="date-range-field">
<span id="dateranger"></span> //should hold like this value : "7 January, 2015 - 14 January, 2015" bydefault on page load
<a href="#">&#9660;</a>
</div>
<div id="datepicker-calendar"></div>

$('#datepicker-calendar').DatePicker({mode: 'range'});

谢谢

【问题讨论】：

使用最小日期和最大日期
@MarcoMura：我试过了，但没有成功。我遇到了问题，因为我正在使用 datepicker 的 RANGE 模式并且无法找到如何在范围内插入日期的方法。如果你提供一个有用的代码 sn-p 那就太好了

标签： php jquery jquery-ui-datepicker date-range

【解决方案1】：

试试这个

<?Php
$today=date('Y-m-d');
$time = strtotime($today.' -7 days');
$day7 = date("Y-m-d", $time);

   echo '<input type="date" min="'.$day7.'" max="'.$today.'">';

?>

大概是这样的

【讨论】：

【解决方案2】：

试试这个

 $(function() {
      $('#datepicker-calendar').datepicker({onSelect: function(selectedDate) {
            var date = $(this).datepicker('getDate');
            $('#datepicker-calendar').datepicker('option', 'minDate', date); // Reset minimum date
            date.setDate(date.getDate() - 7); // Subtract7 days
            $('#datepicker-calendar').datepicker('setDate', date); // Set as default

      }});
      $('#datepicker-calendar').datepicker({onSelect: function(selectedDate) {

            $('#datepicker-calendar').datepicker('option', 'maxDate', $(this).datepicker('getDate')); // Reset maximum date

      }});
});

【讨论】：