为DatePicker + JQuery + PHP设置默认DateRange

时间:2015-01-14 08:24:49

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

我正在使用JQuery DatePicker来设置“日期范围”。如下所示,我使用了Datepicker的单个字段。现在,我的要求是在页面加载时将默认日期范围设置为Datepicker。日期应为今天的日期和AGO日期的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'});

由于

2 个答案:

答案 0 :(得分:0)

试试这个

<?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.'">';

?>

可能是这样的

答案 1 :(得分:0)

试试这个

 $(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

      }});
});