【问题标题】:Need a jQuery Datepicker code to show only 3 months (July to September)需要一个 jQuery Datepicker 代码来显示仅 3 个月(7 月到 9 月)
【发布时间】:2013-12-09 02:02:48
【问题描述】:

我是 javascript 的新手。我正在努力创建一个小代码,以便我的日期选择器仅显示/允许选择 7 月、8 月和 9 月。

我现在正在使用这个代码:

<script type='text/javascript'>
jQuery.noConflict();
  jQuery(document).ready(function($) {
$( "#input_7_13" ).datepicker({  dateFormat: 'dd/mm/yy',
       minDate: 1, onChangeMonthYear: function(year, month, inst) {
        if(month<5){
            year = year-1;
             $( this ).datepicker( "setDate" , new Date(year, 8, 1) )
             $( this ).datepicker("refresh");
        }
        if(month>9){
            year = year+1;
             $( this ).datepicker( "setDate" , new Date(year, 6, 1) )
             $( this ).datepicker("refresh");
        }
    }
});
});
</script>

因此,如果月份低于 5(6 月),则需要一年并假定为 8(9 月)。 如果月份大于 89(10 月),则添加一年并假定为 9 月(7 月)。

这在前进时有效。如果我尝试倒退,它将在 7 月和 5 月之间循环......

【问题讨论】:

  • 不完全。我只需要将其余的 monts(不是 7 月到 9 月)显示为灰色,无法选择。
  • 是的,但是您必须将示例更改为几个月!
  • 我做到了,它正在工作!问题是,它首先显示当前月份(12 月),并允许在本月选择一个日期...
  • 我已经编辑了主要问题,而在前进的过程中它做得正确。倒退时,它会在 7 月到 5 月之间循环。

标签: jquery datepicker


【解决方案1】:

您可以使用它,但您需要修改日期以符合您的规格。

jquery:

 $('#selector').datepicker({
        //Set default date to: 2013-10-01
        defaultDate: new Date(2013, 9, 1),
        onChangeMonthYear: function(year, month, inst) {
                //0 based index on the months, from what I remember.
                if(month<4){
                    year = year-1;
                     $( this ).datepicker( "setDate" , new Date(year, 9, 1) )
                     $( this ).datepicker("refresh");
                }

                if(month>9){
                    year = year+1;
                     $( this ).datepicker( "setDate" , new Date(year, 4, 1) )
                     $( this ).datepicker("refresh");
                }

        }
});

【讨论】:

  • “前进”时工作。如果你倒退,月份将在 5 月和 4 月之间循环:\
猜你喜欢
  • 1970-01-01
  • 2016-01-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多