【问题标题】:jquery multidatepicker min date disturbs datepickers UIjquery multidatepicker min date 干扰 datepickers UI
【发布时间】:2018-01-25 08:30:38
【问题描述】:

概念:我正在创建一个一年的日历。 说 01-01-2017 到 31-12-2017
问题: 当我将 最小日期设置为 08-06-2017然后日期选择器重新排列,它变成 01-06-2017 到 31-05-2018 的日期选择器 我需要的是它应该从1 jan 2017 开始并以31 dec 2017 结束

js 代码:

$('#generate_sampling .full-year').multiDatesPicker({
    addDates: dates,
    numberOfMonths: (samplingStatus=="EDIT" ? [3,4] : [6,4]),
    minDate : startDate,
    maxDate : endDate,
    defaultDate :  '01/30/'+(year == '' ? '2017' : year),
}); 

【问题讨论】:

    标签: jquery datepicker jquery-ui-datepicker jquery-multidatespicker


    【解决方案1】:

    希望对你有帮助

    $('.full-year').multiDatesPicker('destroy');
    

    在设置 minDate 之前销毁 Datepicker

    DEMO

    【讨论】:

    • 感谢您的回复,但它不起作用,甚至演示与我的问题无关。只需使用 datepicker("17-3-1","17-12-31"); 更改 src 的第一行datepicker 将从 3 月开始.. 我不想要.. 我希望 datepicker 总是从 1 月开始。
    • 只是想问一下,在 datepicker 初始化后是否有任何事件被调用来设置 'minDate'?在你的问题中,当你设置 'minDate' datepicker 重新排列时提到它。
    【解决方案2】:

    在这里,我设法停止重新安排日期。我在 beforeShowDay 下添加了一些条件并评论了我的最小和最大日期参数

    $('#generate_sampling .full-year').multiDatesPicker({
            addDates: dates, // array of dates
            numberOfMonths:  [3,4] ,
            /*minDate : startDate,
            maxDate : endDate,*/
            defaultDate :  '01/30/'+(year == '' ? '2017' : year),
    
            beforeShowDay: function(dateStamp) {
                var className="";
                if(dateStamp < new Date(startDate) || dateStamp > new Date(endDate)){
                    className =" ui-datepicker-unselectable ui-state-disabled "
                }
                var title = "Disabled";
                return [true, className ,title]; // title will be displayed as tooltip
            }
    });
    

    如果 beforeShowDay 不起作用,请检查您的 multidatepickers 核心 js 文件。下面这一行必须注释掉。取消注释。它会起作用的。

    this.multiDatesPicker.originalBeforeShowDay = options.beforeShowDay;
    

    谢谢!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-01-18
      • 2011-04-02
      • 1970-01-01
      • 1970-01-01
      • 2016-06-05
      • 2012-06-09
      相关资源
      最近更新 更多