Question

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

代码

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

Answer 1

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

以下是一个示例代码段

＆＃13;

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

＆＃13;

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

代码

1 个答案: