Question

正在使用一个应用程序，从而使用引导日期选择器捕获日期输入字段。第一个是出发日期，第二个是返回日期。在出发日期，我实现了一项功能，该功能可以在今天之后的某天显示效果很好（从今天开始向后的所有日期都被禁用）。

在返回日期上，我想禁用用户选择的离开日期之后180天的日期。例如，如果用户选择h /她将于2019年2月14日出发，则返回日期datepicker应该禁用从出发日期起180天之后的日期

标记

<!-- Departure date-->
    <div class="form-line registar2">
       <input type="text" placeholder="Departure Date*" class="form-input" name="departure_date" id="departureDate" value="{{ old('departure_date') }}" title="Your departure date should be any day after today" required>
    </div>
<!--End departure-->

<!-- Return date-->
    <div class="form-line registar2">
       <input type="text" placeholder="Return Date*" class="form-input" name="return_date" id="returnDate" value="{{ old('return_date') }}" title="Your return date should be 180 days after departure date" required>
    </div>
<!-- End return date-->

出发和返回日期逻辑

$( function() {
  $( "#departureDate" ).datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'dd-mm-yy',
    //A day after today
    minDate: '+1',
    maxDate: "+20Y",
    onSelect: function() {
    }
  });
});

$( function() {
  $( "#returnDate" ).datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'dd-mm-yy',
    minDate: '+1',
    maxDate: "+20Y",
    onSelect: function() {
    }
  });
});

引导日期选择器上的自定义验证

0 个答案: