Календарь не начинается сегодня jqueryui daterangepicker - PullRequest
Новая
       31

Календарь не начинается сегодня jqueryui daterangepicker

0 голосов
/ 18 января 2019

Я использую DateQpicker пользовательского интерфейса jQuery ( ссылка ).

Я хочу, чтобы календарь начинался с сегодняшнего дня, без максимальной даты. Я пытаюсь использовать момент в календаре для дат.

Это код HTML и JS, который у меня есть, но он устанавливает дату окончания сегодняшнего дня без minDate. 

<input id="search-vac-daterange" name="search-vac-daterange">

$("#search-vac-daterange").daterangepicker({
    minDate: moment(),
    startDate: moment()
});

Я также пытался использовать minDate: new Date () и startDate: new Date () . Результатов тоже нет. Даты остаются с сегодняшним днем ​​как дата окончания.

ПРИМЕЧАНИЕ: момент работает, потому что console.log (moment ()); возвращает мне мгновенный объект: 

p {_isAMomentObject: true, _isUTC: false, _pf: {…}, _locale: j, _d: Fri Jan 18 2019 16:14:35 GMT+0100 (Midden-Europese standaardtijd), …}

РЕДАКТИРОВАТЬ: я пробовал предложения, приведенные ниже, ни одно из них не влияет на решение. 

dateFormat: 'dd/mm/yy',
minDate: moment().format('DD/MM/YYYY'),
startDate: moment().format('DD/MM/YYYY'),

или 

minDate: new Date(moment("11-02-1993").format("YYYY-MM-DD")),
startDate: new Date(moment("11-02-1994").format("YYYY-MM-DD")),

Добавлено изображение для отображения проблемы: jquery ui calednar problemn start date

1 Ответ

0 голосов
/ 18 января 2019

У вас есть две проблемы. Во-первых, moment() возвращает объект Moment, который не является допустимым значением для свойств minDate или startDate средства выбора. Чтобы это исправить, просто передайте стандартный объект Date.

Во-вторых, вам необходимо предоставить опции для базового элемента управления dateQicker jQueryUI в объекте datepickerOptions: 

$("#search-vac-daterange").daterangepicker({
  datepickerOptions: {
    minDate: new Date(),
    startDate: new Date(),
    maxDate: '+1y' // required for future dates to be selectable
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<script type="text/javascript" src="http://tamble.github.io/jquery-ui-daterangepicker/daterangepicker-master/jquery.comiseo.daterangepicker.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script>
<input id="search-vac-daterange" name="search-vac-daterange">
...