将预定义日期设置为输入类型

Question

我想在日期选择器中设置预定义的日期范围。

当用户点击按钮时，下面的日期将被设置为输入类型。

开始日期：2017 年 1 月 1 日结束日期：2017 年 1 月 31 日

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

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

Answer 1

可以使用setRange方法

Sets the selected date range.

它接受一个带有 start 并以 key 结尾的对象。两个键都是 JavaScript 日期对象。

这是一个工作示例：

$("#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" />

将预定义日期设置为输入类型

Set predefined date into input type

datepicker

daterangepicker

momentjs