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) 
         } 
        }, 
       };