jQueryのUI DateRangePickerたstartDateとendDateに負荷

Question

に私はTamble jquery-ui-daterangepicker

からのjQuery UI DateRangePickerが埋め込まれていると期待どおりに動作しますが、私が存在する場合にonloadそれへの事前選択された範囲を追加したいと思います。 APIの記述に従って、私はオプションのsetRangeを試しましたが、何かが見つからないか、私の開始と終了の書式設定が正しくありません。

CodePen Example

JS

$(function() { 
    $("#e1").daterangepicker({ 
    initialText : 'Select period...', 
    setRange({"start":"2016-11-02", "end":"2017-01-20"}) // I tried different variations with and without quotes as well 

    }); 
}); 

HTML

<input id="e1" name="e1" > 

Answer 1

setRangeは、オプションではなく、メソッドです。だから、多分このコードは動作します：ドキュメント上の例で

$(function() { 
    $("#e1") 
    .daterangepicker({ 
     initialText : 'Select period...' 
    }) 
    .daterangepicker('setRange', {start:"2016-11-02", end:"2017-01-20"}); 
}); 

ルック： https://tamble.github.io/jquery-ui-daterangepicker/#programmatic

EDIT： それはあなたが常にそれのためnew Date();オブジェクトが必要であることのように見えます。 だから、あなたのコードは次のようになります。

$(function() { 
    $("#e1") 
    .daterangepicker({ 
     initialText : 'Select period...' 
    }) 
    .daterangepicker('setRange', { 
     start: new Date("2016-11-02"), 
     end: new Date("2017-01-20") 
    }); 
}); 

Answer 2

あなたは "" 内の属性をパットしています。あなたのjQueryをこれとReplcae ::

$(function() { 
    $("#e1").daterangepicker({ 
    initialText : 'Select period...', 
    setRange({start:"2016-11-02", end:"2017-01-20"})  
    }); 
}); 

うまくいくと思います。