【问题标题】:Set selected dates ad default date in Jquery datepicker在 Jquery datepicker 中设置选定日期广告默认日期
【发布时间】:2015-08-18 13:23:54
【问题描述】:

当用户在过滤器中选择选择日期并更改开始日期并按 Enter 时。执行列表过滤并显示数据。之后,如果用户打开选择日期日历,它仍将显示默认日期。如何使日期选择器将选定日期作为默认日期?有什么建议? 这是我的代码:

if ($('.js-datepicker').length) {
                    $('.js-datepicker').each(function () {
                        if ($(this).data('datepickerAltfield')) {
                            var $altfield = $(this).find('.js-datepicker-altfield');
                            var inputName = $altfield.attr("name");
                            var defaultDate = new Date();
                            if (inputName.indexOf("fromDate") >= 0) {
                                defaultDate.setDate(defaultDate.getDate() - 7);
                            }
                            $(this).datepicker({
                                altField: $altfield,
                                showOtherMonths: true,
                                firstDay: 1,
                                dayNamesMin: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ],
                                dateFormat: 'dd.mm.yy',
                                defaultDate: defaultDate
                            });
                        }
                        else {
                            $(this).datepicker();
                        }
                    });
                }

我尝试过 onSelect 方法将选定的值分配给某个变量,但没有奏效。

onSelect: function(dateStr) {
        $(this).datepicker('option', 'defaultDate', dateStr);

    }

【问题讨论】:

  • 你能创建一个演示吗?

标签: jquery jquery-ui-datepicker


【解决方案1】:

也许您寻求的是设置日期的能力?

var datestr = "10.12.2012";
$('.js-datepicker').datepicker("setDate", datestr);

使用 onSelect 的示例:

 ...prior datepicker options
 defaultDate: defaultDate,
 onSelect: myselect

函数 myselect 为:

function myselect(presentdate) {
    alert(presentdate);//alerts the date selected string (as 1.15.2012 for instance)
    var datestr = "10.12.2012";//new date to set
    $('.js-datepicker').datepicker("setDate", datestr);// set date
}

【讨论】:

    猜你喜欢
    • 2013-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多