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

【问题标题】：Set predefined date into input type将预定义日期设置为输入类型
【发布时间】：2017-09-01 13:49:21
【问题描述】：

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

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

开始日期：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" />

【问题讨论】：

标签： datepicker momentjs daterangepicker

【解决方案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" />

【讨论】：

@RakeshTripathi 很高兴为您提供帮助。如果答案解决了您的问题，请不要忘记将答案标记为已接受（如果您需要帮助，请阅读 here 和 here）。