Как управлять датой начала и датой возобновления, используя JQuery Дата в Laravel - PullRequest
0 голосов
/ 14 июля 2020

В моем приложении Laravel -5.8 я использую jQuery -1.12.4 для моего datepicker

У меня есть дата начала отпуска и дата возобновления отпуска

          <div class="col-sm-4">
            <div class="form-group">
                <label>Commencement Date:<span style="color:red;">*</span></label>
                <input type="text" id="commencement_date" class="form-control" placeholder="dd/mm/yyyy" name="commencement_date" value="{{old('commencement_date')}}" >
            </div>
          </div>                                         

          <div class="col-sm-4">
            <div class="form-group">
                <label>Resumption Date:<span style="color:red;">*</span></label>
                <input type="text" id="resumption_date" class="form-control" placeholder="dd/mm/yyyy" name="resumption_date" value="{{old('resumption_date')}}" >
            </div>
          </div>                                         

<script type="text/javascript">
    $(document).ready(function() {
        $(function () {
            $('#commencement_date').datepicker({
                dateFormat: 'dd-mm-yy',
              
            });
            $('#resumption_date').datepicker({
                dateFormat: 'dd-mm-yy',                
            });
        });
    });
</script>

Как сделать:

  1. Минимальная дата в Дате начала должна быть текущим днем, а Макс. Дата должна быть последним днем ​​года

  2. Минимальной датой в дате возобновления будет текущий день + 1 (добавить день к текущему дню) и Макс. Дата последнего дня года

Спасибо

1 Ответ

0 голосов
/ 14 июля 2020

Вы можете использовать метод JS Date и добавить день. Затем прикрепите в datePicker, используя minDate и MaxDate

var commencementDate = new Date();
var resumptionDate = new Date();

// add a day to the Resumption Date
resumptionDate.setDate(resumptionDate.getDate() + 1);

$('#commencement_date').datepicker({
      dateFormat: 'dd-mm-yy',
      minDate: commencementDate,
      maxDate: new Date(year, 11, 31)
          
});
$('#resumption_date').datepicker({
    dateFormat: 'dd-mm-yy', 
    minDate: resumptionDate ,
    maxDate: new Date(year, 11, 31)               
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...