如何在jQuery中将开始日期的默认值设置为昨天,将结束日期的默认值设置为今天

时间:2019-12-03 11:12:36

标签: javascript jquery html

我想将start_date和end_date字段的默认值分别显示为昨天和今天。任何帮助将不胜感激,谢谢。

这是我的代码:

for(Arial a : arials) {
            getCurrentSession().buildLockRequest(
                    new LockOptions(
                        LockMode.PESSIMISTIC_WRITE
                    )
                )
                .setTimeOut(
                    Session.LockRequest.PESSIMISTIC_NO_WAIT
                )
                .lock(a);
a.setUpdatedCount(count);
getCurrentSession().merge(a);
        }

我的HTML:

a.setUpdatedCount(oldCount);
getCurrentSession().merge(a);

3 个答案:

答案 0 :(得分:0)

正确的属性是defaultDate。它接受Date对象,可分析的日期字符串或整数。我建议使用后者。昨天使用-1,今天使用0

$(document).ready(function() {
  $('#start_date .input-group.date').datepicker({
    startView: 1,
    todayBtn: "linked",
    keyboardNavigation: false,
    forceParse: false,
    autoclose: true,
    format: 'yyyy-mm-dd',
    defaultDate: -1
  });
  
  $('#end_date .input-group.date').datepicker({
    startView: 1,
    todayBtn: "linked",
    keyboardNavigation: false,
    forceParse: false,
    autoclose: true,
    format: 'yyyy-mm-dd',
    defaultDate: 0
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<div class="col-md-2">
  <div class="form-group" id="start_date">
    <label for="">Start Date<span style="color: red;">&nbsp;</span></label>
    <div class="input-group date">
      <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
      <input type="text" class="form-control" required name="start_date">
    </div>
  </div>
</div>
<div class="col-md-2">
  <div class="form-group" id="end_date">
    <label for="">End Date<span style="color: red;">&nbsp;</span></label>
    <div class="input-group date">
      <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
      <input type="text" class="form-control" required name="end_date">
    </div>
  </div>
</div>

答案 1 :(得分:0)

您可以使用minDate

minDate: -1昨天

minDate: 0今天

$(document).ready(function() {
  $('#start_date .input-group.date').datepicker({
    startView: 1,
    todayBtn: "linked",
    keyboardNavigation: false,
    forceParse: false,
    autoclose: true,
    format: 'yyyy-mm-dd',
    minDate: -1
  });
  $('#end_date .input-group.date').datepicker({
    startView: 1,
    todayBtn: "linked",
    keyboardNavigation: false,
    forceParse: false,
    autoclose: true,
    format: 'yyyy-mm-dd',
    minDate:0
  });

  $('#published_date .input-group.date').datepicker({
    startView: 1,
    todayBtn: "linked",
    keyboardNavigation: false,
    forceParse: false,
    autoclose: true,
    format: 'yyyy-mm-dd'
  });


});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div class="col-md-2">
  <div class="form-group" id="start_date">
    <label for="">Start Date<span style="color: red;">&nbsp;</span></label>
    <div class="input-group date">
      <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
      <input type="text" class="form-control" required name="start_date">
    </div>
  </div>
</div>
<div class="col-md-2">
  <div class="form-group" id="end_date">
    <label for="">End Date<span style="color: red;">&nbsp;</span></label>
    <div class="input-group date">
      <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
      <input type="text" class="form-control" required name="end_date">
    </div>
  </div>
</div>

答案 2 :(得分:0)

这是您可以通过减去天,月或年来分配的代码示例。请检查。

 var d = new Date();     
 var currMonth = d.getMonth();
 var currYear = d.getFullYear();    
 var currDate = d.getDate();

 var startDate = new Date(currYear, currMonth, d.getDate());

 var endDate = new Date(currYear, currMonth, currDate - 1);

 $('#start_date').datepicker('setDate', startDate);
 $('#end_date').datepicker('setDate', endDate);