如何將日期範圍選擇器應用於當前點擊日期元素的動態？

Question

我將點擊事件綁定到日期字段元素，但日期日曆沒有在點擊元素時顯示，只有第一次點擊只有當前日期填充輸入字段，但日曆沒有顯示。你可以請我檢查我的代碼，我犯了錯誤。

例：

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

Answer 1

你不應該在初始化事件處理程序的daterangepicker。在DOM之後做到這一點是加載：

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