禁用文本框中的所有月和日,Jquery datepicker中另一个文本框中的所选月除外
我有两个名为LeaveFrom和LeaveTo的文本框。在Leavefromtextbox中,我想通过JQuery datepicker输入一个日期,但在Leavetotextbox中,我想通过禁用“下一个月”和“上一个月”以及“从所选日期开始”来选择仅由Leavefromtextbox选择的那个月的日期禁用文本框中的所有月和日,Jquery datepicker中另一个文本框中的所选月除外,jquery,asp.net,jquery-ui,Jquery,Asp.net,Jquery Ui,我有两个名为LeaveFrom和LeaveTo的文本框。在Leavefromtextbox中,我想通过JQuery datepicker输入一个日期,但在Leavetotextbox中,我想通过禁用“下一个月”和“上一个月”以及“从所选日期开始”来选择仅由Leavefromtextbox选择的那个月的日期 <script type="text/javascript"> $(document).ready(function() { $('#txtDate').datepicker({
<script type="text/javascript">
$(document).ready(function() {
$('#txtDate').datepicker({
showAnim: 'slide',
dateFormat: 'dd-mm-yy',
});
$("#txtToDate").datepicker({
minDate: 0,
maxDate: "+60D",
numberOfMonths: 2,
onSelect: function (selected) {
$("#txtFromDate").datepicker("option", "maxDate", selected)
}
});
});
</script>
在var中,今天的日期以2013年8月14日的格式存储
id为from的输入被分配日期选择器,日期声明为从明天到未来3个月
将禁用id为的输入,直到用户从中选择id为的输入中的日期
当在id为from var date_diff的输入中更改日期时,将计算当前日期与id为from的输入中选择的日期之间的差值,并将变量date_diff传递给id为to的输入中的minDate选项,并启用该选项
stepMonths:0禁止更改月份,因此用户只能选择该月份内的日期。plz显示您尝试了什么,而不是告诉您想要完成什么您尝试了什么?您能详细说明您的问题并提供一个关于JSFIDLE的演示吗?
$(document).ready(function () {
var d = new Date();
var monthNames = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
today = monthNames[d.getMonth()] + ' ' + d.getDate() + ' ' + d.getFullYear();
$('#to').attr('disabled', 'disabled');
$('#from').datepicker({
defaultDate: "+1d",
minDate: 0,
maxDate: "+2M",
dateFormat: 'dd-mm-yy',
required: true,
showOn: "focus",
});
$('#from').change(function () {
var from = $('#from').datepicker('getDate');
var date_diff = Math.ceil((from.getTime() - Date.parse(today)) / 86400000);
date_diff = date_diff + 'd';
$('#to').val('').removeAttr('disabled').removeClass('hasDatepicker').datepicker({
dateFormat: 'dd.mm.yy',
minDate: date_diff,
changeMonth: false,
hideIfNoPrevNext: true,
stepMonths: 0,
});
});
});