gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 05:13:50 24 4
gpt4 key购买 nike

我有一个日期选择器,在这里我突出显示选定的时期。但是我这里有一些问题,那就是这是 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" : ''];
}
});

最佳答案

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

这是一个示例片段

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

关于javascript - Jquery 日期选择器选择突出显示的月份,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41690681/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com