Jquery 日期选择器选择突出显示的月份答案

【问题标题】：Jquery date picker select highlighted monthJquery 日期选择器选择突出显示的月份
【发布时间】：2017-01-17 06:52:14
【问题描述】：

我有一个日期选择器，在这里我突出显示选定的时期。但是我在这里有一些问题，那就是这是 2017 年 1 月，但是当我选择 2 月的某个时间段时，它在二月，但默认显示当前月份 int datepicker 是一月。

代码

$("#daterangepicker1").datepicker({
  inline: true,
  beforeShowDay: function(date) {
    var theday = (date.getMonth() + 1) + '/' +
      date.getDate() + '/' +
      date.getFullYear();
    return [true, $.inArray(theday, dtrange) >= 0 ? "hightlight" : ''];
  }
});

【问题讨论】：

你能用 plunker 重现这个问题吗？

标签： javascript jquery datetimepicker

【解决方案1】：

如果您需要从特定月份打开jQuery Date picker，您需要设置日期选择器的defaultDate。根据您的要求，您需要将二月的任何一天设置为日期选择器的默认日期。这是一个示例代码 sn-p。在这里，它将二月的 3 天设置为默认选择，并将二月一日设置为默认日期。因此，您的日历从 2017 年 2 月开始打开。

这是一个示例 sn-p

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <style>
        .hightlight {
            background: green;
        }
    </style>
    <script>
        $(function () {
            $("#daterangepicker1").datepicker({
                inline: true,
                defaultDate: new Date("2/1/2017"),
                beforeShowDay: function (date) {
                    var dtrange = ["2/2/2017", "2/12/2017", "2/22/2017"];
                    var theday = (date.getMonth() + 1) + '/' +
                        date.getDate() + '/' +
                        date.getFullYear();
                    return [true, $.inArray(theday, dtrange) >= 0 ? "hightlight" : ''];
                }
            });
        });
    </script>
</head>

<body>

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


</body>

</html>

【讨论】：