【问题标题】:JQuery UI inline DatePicker loses date after ASP.NET postbackJQuery UI 内联 DatePicker 在 ASP.NET 回发后丢失日期
【发布时间】:2012-06-18 07:13:28
【问题描述】:

我有一个按如下方式初始化的内联 DatePicker (Week-Picker),它在 Select 上触发一个 ASP.NET 点击事件。它运行良好,我的 ASP 代码确实是它的一部分,但是如果我选择一个日期作为 ex:在通过 DatePicker 的下一个/上一个按钮推进月份之后,当回发后页面刷新时,DatePicker 返回到当前月份......还有它在这里丢失了 selectCurrentWeek() 方法中选择的 startDate / endDate Range。

    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 属性,但没有成功。帮助?

【问题讨论】:

    标签: asp.net jquery-ui jquery-ui-datepicker


    【解决方案1】:

    使用隐藏文件而不是文本框。由于 style="display:none;" 而失去的价值在文本框中。

    <asp:HiddenField id="txtDP1" value="" runat="server"/>
    

    【讨论】:

    • 如果你想你可以改变属性 id 为 hdnDp1 也可以改变 jquery 和 .cs 页面。
    • 删除样式="display:none;"并且检查值正在回发
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多