【问题标题】:jQuery date picker : limit to selected monthjQuery日期选择器:限制为选定的月份
【发布时间】:2013-12-01 13:47:41
【问题描述】:

如何将日期范围限制为所选月份。 如果用户在“从日期”中选择 11 月份,我需要在该选定月份限制“到日期”。无论用户选择 11 月 30 日。 to date 应该只显示 11 月的日期。他不能超过那个月。

【问题讨论】:

    标签: php jquery jquery-ui date jquery-ui-datepicker


    【解决方案1】:

    fiddle Demo

    $(function () {
        $("#from").datepicker({
            defaultDate: "+1w",
            onClose: function (selectedDate) {
                $("#to").datepicker("option", "minDate", selectedDate);
                var date = $(this).datepicker('getDate');
                var maxDate = new Date(date.getFullYear(), date.getMonth() + 1, -0);
                $("#to").datepicker("option", "maxDate", maxDate);
            }
        });
        $("#to").datepicker({
            defaultDate: "+1w",
            onClose: function (selectedDate) {
                $("#from").datepicker("option", "maxDate", selectedDate);
            }
        });
    });
    


    另一种方式

    fiddle Demo

    $(function () {
        $("#from").datepicker({
            defaultDate: "+1w",
            onClose: function (selectedDate) {
                $("#to").datepicker("option", "minDate", selectedDate);
            }
        });
        $("#to").datepicker({
            defaultDate: "+1w",
            stepMonths: 0,
            onClose: function (selectedDate) {
                $("#from").datepicker("option", "maxDate", selectedDate);
            }
        });
    });
    

    【讨论】:

    • 如果我在 From Date 选择中选择 31-Dec-2015 怎么办?
    • @KuashalKhamar 用户将仅限于该日期。由于它是一个月的最后一个日期,所以往返都将是 2015 年 12 月 31 日。
    猜你喜欢
    • 1970-01-01
    • 2011-12-30
    • 1970-01-01
    • 2013-09-18
    • 2016-08-24
    • 2012-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多