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

Question

我想将预定义的日期范围设置为datepicker。

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

startdate：2017年1月1日 结束日期：2017年1月31日

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="grandparent">
    <div id="parent">
            <p>
                high light me with mouse!! highlight me with mouse!!highlight me with mouse!!

            </p>

</div>
</div>

Answer 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" />