jQuery UI Datepicker - 默认显示不是当前月份的月份

时间:2017-03-11 02:29:26

标签: jquery jquery-ui datepicker

当用户打开日期选择器时,我希望它打开显示特定月份,但不选择该月份的任何日期。

' defaultDate'选项不是我想要的,它选择那个月的日期。

我希望相当于用户打开日历并点击下一个月的箭头几次而不选择任何内容。

基本上我的用户应该选择的日期通常是11月,所以我想在日历打开时向他们展示11月,但不要假设他们想要选择11月1日。他们可以在打开后的月份自由更改。

有什么想法吗?

以下是一些示例代码:

<script>
    $( function() {
        $( "#datepicker" ).datepicker();
    } );
</script>

<p>Date: <input type="text" id="datepicker"></p>

如何在日历打开的11月份打开此页面。我唯一想到的就是在日历打开后向下一个按钮发送一堆click()事件。这看起来很乱,对用户来说可能看起来很奇怪。

1 个答案:

答案 0 :(得分:1)

如果您查看:http://api.jqueryui.com/datepicker/#option-defaultDate

您可以看到这样做符合您的要求:

  
      
  • 日期:包含默认日期的日期对象。
  •   
  • 数量:从今天开始的几天。例如,2表示从今天开始的两天,而-1表示昨天。
  •   
  • 字符串:dateFormat选项定义的格式的字符串,或相对日期。相对日期必须包含价值和期间对;有效期为"y"年,"m"为月,"w"为数周,"d"为天。例如,"+1m +7d"表示从今天起一个月零七天。
  •   

例如,您可以使用:

$(function() {
  $( "#datepicker" ).datepicker({
    defaultDate: "+1m"
  });
});

必须选择月中的某一天。也就是说,您也可以调整dateFormathttp://api.jqueryui.com/datepicker/#option-dateFormat

$(function() {
  $( "#datepicker" ).datepicker({
    defaultDate: "+1m"
    dateFormat: mm/yy
  });
});

当日期存储到输入时,该文本将是&#34; 04/2017&#34;举个例子。