-4

I have 2 textbox named as LeaveFrom & LeaveTo.In (Leavefrom)textbox i want to put a date through JQuery datepicker but In (Leaveto)textbox i want to select date of that month only selected by (Leavefrom)textbox by disabling next & Previous month & that to from selected date.

<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>
4

1 回答 1

0

演示

$(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,
        });

    });
});

在 vartoday今天的日期以格式存储August 14 2013

带有 id 的输入from被分配日期选择器，日期说明从明天到接下来的 3 个月

带 id 的输入to被禁用，直到用户在带 id 的输入中选择日期from

当日期在带有 id 的输入中更改时，计算当前日期与在带有 id 的输入中选择的日期之间的差异，并且该变量from被传递给带有 id 的输入中的选项并启用它。date_difffromdate_diffminDateto

stepMonths: 0禁用月份更改，因此用户只需选择该月份内的日期。

于 2013-08-14T10:10:04.967 回答