亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何在jQuery中將開始日期的默認值設置為昨天和結束日期為今天

如何在jQuery中將開始日期的默認值設置為昨天和結束日期為今天

海綿寶寶撒 2022-01-20 20:36:16
我想將 start_date 和 end_date 字段的默認值分別顯示為昨天和今天。這是我的代碼：$(document).ready(function () {  $('#start_date .input-group.date').datepicker({      startView: 1,      todayBtn: "linked",      keyboardNavigation: false,      forceParse: false,      autoclose: true,      format: 'yyyy-mm-dd'      default:today  });  $('#end_date .input-group.date').datepicker({      startView: 1,      todayBtn: "linked",      keyboardNavigation: false,      forceParse: false,      autoclose: true,      format: 'yyyy-mm-dd'  });  $('#published_date .input-group.date').datepicker({      startView: 1,      todayBtn: "linked",      keyboardNavigation: false,      forceParse: false,      autoclose: true,      format: 'yyyy-mm-dd'  });});我的 HTML：<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>
查看完整描述

3 回答

?
慕后森

TA貢獻1802條經驗 獲得超5個贊

正確的屬性是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>


查看完整回答
反對 回復 2022-01-20
?
ABOUTYOU

TA貢獻1812條經驗 獲得超5個贊

您可以使用 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>


查看完整回答
反對 回復 2022-01-20
?
HUX布斯

TA貢獻1876條經驗 獲得超6個贊

這是您也可以通過減去天數和月份或年份來分配的代碼示例。請檢查。


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


查看完整回答
反對 回復 2022-01-20
  • 3 回答
  • 0 關注
  • 426 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號