Question

我在视图中有两个日期选择器，一个用于“从”，另一个用于“到”。我想当“从”选择的日期小于“到”应该禁用。还请指导我如何格式化datePicker的视图

<div>
    From:
    <input type="text" id="txtFromDate" />
    To:
    <input type="text" id="txtToDate" />
</div>


$(function() {
    $("#txtFromDate").datepicker({
        numberOfMonths: 1,
        highlightWeek: true,
        onSelect: function(selected) {

            $("#txtToDate").datepicker("option", "mindate", selected)
        }
    });
    $("#txtToDate").datepicker({
        numberOfMonths: 1,
        onSelect: function(selected) {
            $("#txtFromDate").datepicker("option", "maxDate", selected)
        }
    });

});

Answer 1

我得到了解决方案......

$(function () {
    $("#txtFromDate").datepicker({
        changeMonth: true,
        changeYear: true,
        buttonImage: '../../Images/DatePicker.jpg',
        dateFormat: 'dd-mm-yy',
        buttonText: 'Select date:',
        firstDay: 1,
        buttonImageOnly: true,
        showOn: 'both',
        showAnim: 'fadeIn',
        onSelect: function () {

            var min = $(this).datepicker('getDate') || new Date(); // Selected date or today if none
            var max = new Date(min.getTime());
            max.setMonth(max.getMonth() + 12 * 10); // Add one month
            $("#txtToDate").datepicker('option', { minDate: min, maxDate: max });

        }
    });
});


$(function () {
    var min = $("#txtFromDate").datepicker('getDate')
    $("#txtToDate").datepicker({
        changeMonth: true,
        changeYear: true,
        buttonImage: '../../Images/DatePicker.jpg',
        dateFormat: 'dd-mm-yy',
        buttonText: 'Select date:',
        firstDay: 1,
        buttonImageOnly: true,
        showOn: 'both',
        showAnim: 'fadeIn',
        onSelect: function () { $(this).trigger("onchange", null); }
    });
});

带有剃刀引擎的mvc3中的datepicker

1 个答案: