如何在 Laravel 中使用 JQuery Date 操作开始日期和恢复日期答案

【问题标题】：How to manipulate commencement date and resumption date using JQuery Date in Laravel如何在 Laravel 中使用 JQuery Date 操作开始日期和恢复日期
【发布时间】：2020-07-13 22:31:34
【问题描述】：

在我的 Laravel-5.8 应用程序中，我使用 jQuery-1.12.4 作为日期选择器

我有休假开始日期和休假恢复日期

          <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（在当天添加一天）和最大。日期为一年中的最后一天

谢谢

【问题讨论】：

如果你表明你已经做出了一些努力，你会得到更好的回应，例如向我们展示你尝试了什么，你为什么尝试，描述发生了什么等等。我们在这里bcs 我们想提供帮助，但 SO 不是代码编写服务。请访问帮助中心并阅读how to ask，以及如何创建minimal, complete, and verifiable example。
对于您提出的两个问题，这里有许多个问题的答案，例如 stackoverflow.com/questions/18130249/…、stackoverflow.com/questions/53128077/…、stackoverflow.com/questions/20086584/…、stackoverflow.com/questions/23785509/…、stackoverflow.com/questions/20371800/… ...

标签： jquery laravel

【解决方案1】：

您可以使用JS Date 方法，并添加一天。然后使用 minDate 和 MaxDate 在 datePicker 中附加

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

【讨论】：