設定し事前に定義された日付が

Question

私は日付ピッカーに事前に定義された日付範囲を設定します。

ユーザーがボタンをクリックすると、以下の日付が入力タイプに設定されます。

STARTDATE：2017年1月1日 ENDDATE：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方法

を使用することができます。

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