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

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

日期選擇器開始和結束日期驗證不適用于更改

日期選擇器開始和結束日期驗證不適用于更改

烙印99 2023-07-20 10:45:08
我正在使用引導日期選擇器。當我選擇開始日期時,結束日期驗證第一次工作正常。但是當我再次更改開始日期時,結束日期限制保持不變,不會改變。<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script><script !src="">  // Include Date Range Picker -->  let format = 'yyyy-mm-dd';  // Start date  $('.start-date').datepicker({    startDate: new Date(),    format: format,    autoclose: true  });  // End date  $('.start-date').on("change", function() {    $('.end-date').val('');    $('.end-date').datepicker({      startDate: $('.start-date').val(),      format: format,      autoclose: true    });  })</script>在更改功能中,我得到了更改值,$('.start-date').val()但結束日期的限制保持不變。
查看完整描述

3 回答

?
慕桂英546537

TA貢獻1848條經驗 獲得超10個贊

嘿,你不應該放置$('.end-date').datepicker$('.start-date').on('change'...監聽器,因為它會在每次更改時附加日期選擇器.start-date。

.end-date日期選擇器放在“onchange”之外,保持$('.end-date').val('');干凈的字段。

告訴我們一切是否順利。


查看完整回答
反對 回復 2023-07-20
?
臨摹微笑

TA貢獻1982條經驗 獲得超2個贊

$(document).ready(function() {

  $("#startDate").datepicker({

    format: 'yyyy-mm-dd',

    startDate: new Date(),

    autoclose: true,

    autoclose: true,

  }).on('changeDate', function(selected) {

    var minDate = new Date(selected.date.valueOf());

    $('#endDate').datepicker('setStartDate', minDate);

  });


  $("#endDate").datepicker({

    format: 'yyyy-mm-dd',

    autoclose: true,

  }).on('changeDate', function(selected) {

    var minDate = new Date(selected.date.valueOf());

    $('#startDate').datepicker('setEndDate', minDate);

  });

});

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" />

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet" />

<form autocomplete="off">

  <input type="text" id="startDate">

  <input type="text" id="endDate">

</form>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>


查看完整回答
反對 回復 2023-07-20
?
侃侃爾雅

TA貢獻1801條經驗 獲得超16個贊

嘗試一下這個解決方案。


let format = 'yyyy-mm-dd';

// Start date

$('.start-date').datepicker({

    startDate: new Date(),

    format: format,

    autoclose: true

});


$('.end-date').datepicker({

    startDate: new Date(),

    format: format,

    autoclose: true

});


$('.start-date').datepicker().on("changeDate", function() {

    let newStartDate = $('.start-date').datepicker('getDate');


    $('.end-date').datepicker('update', '');

    $('.end-date').datepicker('setStartDate', newStartDate);

})


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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