Question

点击文本框后，将打开一个包含当前月份的日历。我想打开日历到特定日期。目前，日历打开将打开当前月份视图。有人可以帮我这个吗？谢谢！

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

{{1}}

Answer 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月（第1个月）为0，2月（第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 
     }
});

Answer 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>

jquery打开日历到特定月份

2 个答案: