jquery打开日历到特定月份答案

【问题标题】：jquery open calendar to specific monthjquery打开日历到特定月份
【发布时间】：2015-08-09 23:26:36
【问题描述】：

点击文本框时，会打开一个带有当前月份的日历。我想将日历打开到特定日期。目前，日历打开打开当前月视图。有人可以帮我解决这个问题吗？谢谢！

选择日期：<input type="text" id="datepicker"/>

 $('#datepicker').datepicker({ 
     dateFormat: 'mm-dd-yy', 
     beforeShowDay: enableAllTheseDays, 
     onSelect: function (date, inst) { 
        //MyLogic 
     }
 });

【问题讨论】：

查看他的stackoverflow.com/questions/606463/…

标签： javascript jquery datepicker calendar

【解决方案1】：

您可以使用defaultDate 选项打开特定日期。假设您希望它开放到 2014 年 7 月 1 日：

$('#datepicker').datepicker({ 
     dateFormat: 'mm-dd-yy', 
     beforeShowDay: enableAllTheseDays, 
     defaultDate: new Date(2014, 6, 1)
     onSelect: function (date, inst) { 
        //MyLogic 
     }
});

日期的格式是年/月/日。注意：对于月份，月份为 - 1。因此，一月（第 1 个月）为 0，二月（第 2 个月）为 1。

或者，您也可以像这样指定相同的日期：

$('#datepicker').datepicker({ 
     dateFormat: 'mm-dd-yy', 
     beforeShowDay: enableAllTheseDays, 
     defaultDate: new Date('1 July 2014')
     onSelect: function (date, inst) { 
        //MyLogic 
     }
});

你也可以像这样定义defaultDate：

$('#datepicker').datepicker({ 
     dateFormat: 'mm-dd-yy', 
     beforeShowDay: enableAllTheseDays, 
     defaultDate: new Date('7/1/2014')
     onSelect: function (date, inst) { 
        //MyLogic 
     }
});

【讨论】：

是... $('#datepicker').datepicker({ dateFormat: 'mm-dd-yy', beforeShowDay: enableAllTheseDays, defaultDate: new Date(startDate), onSelect: function (date , inst) { //MyLogic } });

【解决方案2】：

<!DOCTYPE html>

<head>
  <meta charset="utf-8">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

  <style>
  table {
      border-collapse: collapse;
  }

  table, td, th {
      border: 1px solid black;
  }
  </style>
</head>
<body>
  <p>Date: <input type="text" id="datepicker"></p>
  <script>
  $(document).ready(function(){

    $(function() {
        $( "#datepicker" ).datepicker({
          defaultDate: '-2m'
      });
  });
    });

</script>    
</body>
</html>

【讨论】：

defaultDate: '-2m' 打开过去 2 个月的日历。我想要的是打开特定月份的日历。例如，目前我们在 5 月。我想即时打开日历到 8 月视图。请让我知道我该怎么做。谢谢！
我得到了这个...以下代码工作 defaultDate: new Date(startDate)
你可以通过 + 或 - 来回退和前进