Установить предопределенную дату в тип ввода

Я хочу установить предопределенный диапазон дат в DatePicker.

Когда пользователь нажимает кнопку, ниже даты будет установлен в тип ввода.

дата начала: 1 января 2017 года дата окончания: 31 января 2017 года

<script src="js/moment.min.js"></script>
<script src="js/jquery.comiseo.daterangepicker.js"></script>

<input type="text" id="daterangeperiod" name="daterangeperiod" />

1 ответ

Решение

Ты можешь использовать setRangeметод

Устанавливает выбранный диапазон дат.

Он принимает объект сstartи конецkey, Оба ключа являются объектами JavaScript Date.

Вот рабочий образец:

$("#daterangeperiod").daterangepicker();
$("#daterangeperiod").daterangepicker("setRange", {
  start: new Date(2017, 0, 1),
  end:   new Date(2017, 0, 31)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdn.rawgit.com/tamble/jquery-ui-daterangepicker/0.5.0/jquery.comiseo.daterangepicker.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/>
<link href="https://cdn.rawgit.com/tamble/jquery-ui-daterangepicker/0.5.0/jquery.comiseo.daterangepicker.css" rel="stylesheet"/>

<input type="text" id="daterangeperiod" name="daterangeperiod" />

Другие вопросы по тегам