Angular DateRangePicker - 在日曆中彈出「To」和「From」字段彈出

Question

我正在使用Angular daterangepicker.I使用顯示'To'和'From'字段以及'Apply'和'Close'按鈕的主題當日歷彈出時。

壓延：

我需要只讀做出突出顯示的字段，使得用戶被迫只能從壓延選擇的日期，然後點擊「應用」。可編輯的字段允許接受過去的日期。這是我需要限制的行爲

Answer 1

您可以使用datepicker選項並在選項中設置最短日期，這樣您的日曆將不允許用戶選擇過去的日期。

<input type="text" datepicker-options="dateOptions" datepicker-popup="dd-MMMM-yyyy" /> 

在此之後，你需要這樣

$scope.dateOptions = { 
minDate: new Date() 
}; 

Answer 2

我做了設置選項的「到」和「從」字段只讀使用showCalender.daterangepicker事件。因此，一旦顯示日曆，我將「只讀」和「禁用」屬性添加到「收件人」和「發件人」輸入字段。這樣，它們現在不可編輯。

例如： -

$scope.options = { 
        eventHandlers: { 
         'showCalendar.daterangepicker':function(ev,picker) 
         { 
          angular.element("input[name='daterangepicker_end']").prop("readonly",true) 
          angular.element("input[name='daterangepicker_end']").prop("disabled",true) 
          angular.element("input[name='daterangepicker_start']").prop("readonly",true) 
          angular.element("input[name='daterangepicker_start']").prop("disabled",true) 
         } 
        }, 
       };