在我的例子中,我想在改变一个输入时动态改变思维
$('#text1').on('changeDate', function () {
var sdate = moment.utc((<any>$('#text1')).datepicker('getFormattedDate')).subtract(1, "days");
(<any>$("#LossDate")).datepicker('minDate', sdate.format("MM-DD-YYYY"));
});
我也在尝试
$('#text1').on('changeDate', function () {
var sdate = moment.utc((<any>$('#text1')).datepicker('getFormattedDate')).subtract(1, "days");
(<any>$("#LossDate")).datepicker('setStartDate', sdate.format("MM-DD-YYYY"));
});
和
$('#text1').on('changeDate', function () {
var sdate = moment.utc((<any>$('#text1')).datepicker('getFormattedDate')).subtract(1, "days");
(<any>$("#LossDate")).datepicker('startDate', sdate.format("MM-DD-YYYY"));
});
和
$('#text1').on('changeDate', function () {
var sdate = moment.utc((<any>$('#text1')).datepicker('getFormattedDate')).subtract(1, "days");
(<any>$("#LossDate")).datepicker('SetstartDate', sdate.format("MM-DD-YYYY"));
});
但我的情况没有任何效果
最佳答案
这是有效的 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 minDate = new Date(selected.date.valueOf());
$('#startdate').datepicker('setEndDate', minDate);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>
<div class="row">
<div class="col-xs-6">
<div class="form-group">
<label class="control-label">Start</label>
<input class="form-control" type="text" placehoder="Start Date" id="startdate"/>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label class="control-label">End</label>
<input class="form-control" type="text" placehoder="End Date" id="enddate"/>
</div>
</div>
</div>
快乐编码
关于javascript - 在 Bootstrap Datepicker 中设置最小日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47709899/