Встроенный DatePicker пользовательского интерфейса JQuery теряет дату после обратной передачи ASP.NET

У меня есть встроенный DatePicker (Week-Picker), инициализированный следующим образом, который при выборе запускает событие щелчка ASP.NET. Он работает нормально, и мой код ASP выполняет его часть, однако, если я выбираю дату, например: после перехода на месяц с помощью кнопок Next / prev DatePicker, когда страница обновляется после обратной передачи, DatePicker возвращается к текущему месяцу ... Также здесь он теряет выбранный диапазон startDate / endDate в методе selectCurrentWeek ().

    var startDate;
    var endDate;
    var selectCurrentWeek = function () {
        window.setTimeout(function () {
            $('.week-picker').find('.ui-datepicker-current-day a').addClass('ui-state-active')
        }, 1);
    }

$('.week-picker').datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        firstDay: 1,
        onSelect: function (dateText, inst) {
            var date = $(this).datepicker('getDate');
            startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 1);
            endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 6);
            var dateFormat = inst.settings.dateFormat || $.datepicker._defaults.dateFormat;
            $('#txtDP1').val($.datepicker.formatDate(dateFormat, date, inst.settings));
            selectCurrentWeek();
            DP1_Submit();
        },
        beforeShowDay: function (date) {
            var cssClass = '';
            if (date >= startDate && date <= endDate)
                cssClass = 'ui-datepicker-current-day';
            return [true, cssClass];
        },
        onChangeMonthYear: function (year, month, inst) {
            selectCurrentWeek();
        }
    });

        $('.week-picker .ui-datepicker-calendar tr').live('mousemove', function () { $(this).find('td a').addClass('ui-state-hover'); });
    $('.week-picker .ui-datepicker-calendar tr').live('mouseleave', function () { $(this).find('td a').removeClass('ui-state-hover'); });

Скрытые поля / кнопки:

<asp:TextBox ID="txtDP1" runat="server" style="display:none;" />
<asp:Button ID="btnDP1" runat="server" Text="Go" style="display:none;"  />

Я безуспешно пытался использовать метод setDate () и свойство defaultDate. Помощь?


person user1457613    schedule 15.06.2012    source источник


Ответы (1)


использовать скрытое поле вместо текстового поля. потеря значения из-за style = "display: none;" в текстовом поле.

<asp:HiddenField id="txtDP1" value="" runat="server"/>
person Thulasiram    schedule 26.07.2012
comment
если вы хотите, вы можете изменить идентификатор атрибута как hdnDp1, а также изменить страницу jquery и .cs. - person Thulasiram; 26.07.2012
comment
удалить style = display: none; и значение чека поступает при обратной передаче - person Thulasiram; 26.07.2012