我正在使用文本框。
$(function () {
SetFromDatePicker();
var dp;
var dp2;
var s;
});
function SetFromDatePicker() {
dp = $('#<%=From_Date_Txt.ClientID%>');
dp.datepicker({
changeMonth: true,
changeYear: true,
format: "dd-mm-yyyy",
startDate: '12-12-2010',
todayHighlight: true,
language: "en"
}).on('changeDate', function (ev) {
s = '';
$(this).blur();
$(this).datepicker('hide');
$('.datepicker .today').click();
s = $('#ContentPlaceHolder1_From_Date_Txt').val();
$('#ContentPlaceHolder1_Date_To_Txt').val('');
SetFromDatePicker2(s);
});
}
function SetFromDatePicker2(s) {
dp2 = $('#<%=Date_To_Txt.ClientID%>');
dp2.datepicker({
changeMonth: true,
changeYear: true,
format: "dd-mm-yyyy",
startDate: s,
todayHighlight: true,
language: "en"
}).on('changeDate', function (ev) {
$(this).blur();
$(this).datepicker('hide');
$('.datepicker .today').click();
});
}
并且在选择第一个文本框时,第二个文本框将日期限制为所选(从日期)开始。无法选择所选日期之前的日期。
<script src="../../asset/js/plugins/datapicker/bootstrap-datepicker.js"></script>
<link href="../../asset/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
如果我在&#34; From_Date_Txt &#34;中选择19-05-2017;文本框日历将我限制为19作为开始日期。如果第二次尝试我在&#34; From_Date_Txt &#34;中将日期更新为21-05-2017;它仍然显示19为 Date_To_Txt
中的开始日期{{1}}