Установить предопределенную дату в тип ввода
Я хочу установить предопределенный диапазон дат в 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" />