Как показать следующие 7 дней при использовании datetimepicker? - PullRequest
Новая
       9

Как показать следующие 7 дней при использовании datetimepicker?

0 голосов
/ 14 апреля 2020 
function getNext7WorkingDays(){
    var d = new Date();
    var day = d.getDay();
    if(day>=0 && day<=3) return 9;
    else if(day!=6) return 10;
    else return 11;
}
$('.datepicker_quiz_dataa').datetimepicker({
    timepicker:false,
    format:'d-m-Y',
    formatDate:'Y/m/d',
    minDate: 1,
    maxDate: '+'+getNext7WorkingDays()+'D'
});

В этом коде я использую datetimepicker, где я получаю только дату в формате d-m-y, и я хочу, чтобы она показывала текущую дату только на следующие 7 дней, но теперь я получаю предыдущие 14 дней. Итак, как я могу это сделать? Пожалуйста, помогите мне.

Спасибо

Ответы [ 2 ]

1 голос
/ 14 апреля 2020

Попробуйте это ниже: 

$('.datepicker_quiz_dataa').datepicker({ 
       minDate: 0,
       maxDate: "7d",
       dateFormat: "d-m-y"
});

ИЛИ 

$('.datepicker_quiz_dataa').datepicker({ 
      minDate: 0,
      maxDate: "1w",
      dateFormat: "d-m-y"
});
0 голосов
/ 14 апреля 2020

Надеюсь, это поможет 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>datepicker demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
 
<div id="datepicker"></div>
 
<script>
$( "#datepicker").datepicker({
  minDate: 0,
  maxDate: 6,
  dateFormat: "d-m-y",
  onSelect : function(r) { console.log(r) }
});
</script>
 
</body>
</html>
...