jquery - 現在クリックされている日付の要素に日付範囲ピッカーを動的に適用する方法は?

Question

クリックイベントを日付フィールド要素にバインドしますが、要素をクリックすると日付カレンダーが表示されず、最初のクリックで現在の日付のみが入力フィールドに入力されますが、カレンダーは表示されません。私が間違えたコードを確認してください。

元：

$('#datefield').click(function (e) {
    $(this).daterangepicker({
        singleDatePicker    : true,
        locale              : {
           format           : 'DD-MM-YYYY'
        },
        minDate             : new Date(),
        autoApply           : false,
        endDate             : new Date()
        });
    });
}