gpt4 book ai didi

javascript - Bootstrap 日期选择器从另一个日期选择器更改 minDate/startDate

转载 作者:可可西里 更新时间:2023-11-01 01:44:47 29 4
gpt4 key购买 nike

我的页面中有两个日期选择器,都是 Bootstrap 。条件只是开始日期永远不会比结束日期高。意味着结束日期属性(minDate)必须在日期选择器更改开始日期时更改,结束日期更改时必须更改,开始日期日期选择器的日历最小范围应根据结束日期值。

希望你能理解我的问题

$(document).ready(function(){

$("#startdate").datepicker({

todayBtn: 1,
autoclose: true,


}).on('changeDate', function (selected) {
var minDate = new Date(selected.date.valueOf());
$('#enddate').datetimepicker('setStartDate', minDate);
});

$("#enddate").datepicker();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">



<input type="text" placehoder="Start Date" id="startdate"/>
<input type="text" placehoder="End Date" id="enddate"/>

最佳答案

我做了一个jsfiddle做你想做的事。正如 pqdong 评论的那样,您在设置结束日期时调用了 datetimepicker 而不是 datepicker。

这是有效的 javascript:

$(document).ready(function(){

$("#startdate").datepicker({
todayBtn: 1,
autoclose: true,
}).on('changeDate', function (selected) {
var minDate = new Date(selected.date.valueOf());
$('#enddate').datepicker('setStartDate', minDate);
});

$("#enddate").datepicker()
.on('changeDate', function (selected) {
var maxDate = new Date(selected.date.valueOf());
$('#startdate').datepicker('setEndDate', maxDate);
});

});

关于javascript - Bootstrap 日期选择器从另一个日期选择器更改 minDate/startDate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30456270/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com