在 jquery 中显示特定于月份和年份的日期选择器答案

【问题标题】：Display month and year specific datepicker in jquery在 jquery 中显示特定于月份和年份的日期选择器
【发布时间】：2014-12-31 08:15:20
【问题描述】：

是否可以按特定月份和年份显示 jquery 内联日期选择器？假设我想查看 2014 年 11 月的内联日期选择器。它显示完整的月份而不选择任何日期。

【问题讨论】：

你不想显示任何日期..??
我是否正确地告诉您您只需要特定日期作为您的数据选择器？
@Learner 我想要简单的日期选择器。我唯一想要的就是它到一个特定的月份。没有其他的。稍后我将使用该方法设置日期。
jsfiddle.net/b0efyzcc/4
@Learner 你能看一下这个小提琴吗？这是我们让它工作所需的唯一代码。但不幸的是，它不起作用。 jsfiddle.net/Superman/b0efyzcc/5

标签： javascript jquery jquery-ui-datepicker uidatepicker

【解决方案1】：

不只是一个。您甚至可以创建多个日期选择器实例，每个实例都属于不同月份。 Look here.

(function(){

    for( var i=0; i<5; i++ ){
    var dateObj = new Date();    
     dateObj.setMonth(i);
     dateObj.setYear(dateObj.getFullYear());
     var dp = $('<div id="calendar' + i + '" > </div>');
     $('#Calendar').append(dp);
        console.log("Month: "+dateObj.getMonth());
        dp.datepicker({defaultDate: dateObj});

    }

})();

【讨论】：

【解决方案2】：

尽量用option-dateFormat点赞，

$(function() {
     $( "#datepicker" ).datepicker({
        dateFormat: 'M yy'
     });
});

$(function() {
     $( "#datepicker" ).datepicker({
        dateFormat: 'M yy'
     });
});

<link href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<input id="datepicker"/>

如果您只想显示月份和年份下拉菜单，请尝试以下 sn-p

$(function() {
     $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'M yy',
     });
});

<link href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<input id="datepicker"/>

【讨论】：

Rohan 第一个日期选择器选择日期的方式只有月份和年份。在将其实例化或呈现在 html 页面上之前，我想以相同的方式指定它。
例如：dateFormat: 'Nov 2014'
当您选择日期时，它将显示与“2014 年 11 月”相同的格式。
我有一个这样的月份数组，其中包含 [Jan 2014, Feb 2014, Mar 2014 ...] 和创建日期选择器之前。我想提供这个数组来为每个月创建一个内联日期选择器。
因此我会在页面上获得 3 个月的日历，即 2014 年 1 月、2014 年 2 月和 2014 年 3 月。