Bootstrap datepicker 当url有子页面时，不会出现日期选择器弹出窗口
如果我在页面“localhost:4444/test”、“localhost:4444/test2”和“localhost:4444/dummy”上使用Datepicker，则Datepicker工作，但如果我将URL更改为“localhost:4444/test1/test2”，则它不工作。我已经多次验证过了。如果存在子页面，则不会显示日期选择器弹出窗口。 我甚至在没有模型的基本页面上也尝试过 这里我使用的是thymeleaf、webjars/bootstrap、webjars/jquery、webjars/bootstrap日期选择器 我是新的前端，让我知道，如果我错过了任何东西在这里或其他信息 Edit1：在所有情况下，至少它都会显示出来，只是弹出窗口有问题 Edit2： 控制器：Bootstrap datepicker 当url有子页面时，不会出现日期选择器弹出窗口,bootstrap-datepicker,Bootstrap Datepicker,如果我在页面“localhost:4444/test”、“localhost:4444/test2”和“localhost:4444/dummy”上使用Datepicker，则Datepicker工作，但如果我将URL更改为“localhost:4444/test1/test2”，则它不工作。我已经多次验证过了。如果存在子页面，则不会显示日期选择器弹出窗口。 我甚至在没有模型的基本页面上也尝试过 这里我使用的是thymeleaf、webjars/bootstrap、webjars/jquery、
@RequestMapping("/test") [working]
public String testPage( ){
return "helper/calender_test";
}
@RequestMapping("/test2/dummy") [not-working]
public String dummyPage(){
return "helper/calender_test";
}
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link rel="stylesheet" th:href="@{/webjars/bootstrap/4.5.3/css/bootstrap.min.css}" type="text/css"/>
<link rel="stylesheet" th:href="@{/webjars/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.standalone.css}" type="text/css"/>
<link rel="stylesheet" th:href="@{/webjars/font-awesome/5.15.1/css/all.css}" type="text/css"/>
<title>Test</title>
</head>
<body>
<div class="container">
<div class="input-group date" id='example'>
<input class="form-control" type='text' placeholder= "date" />
<span class="input-group-addon">
<span class="input-group-text">
<i class='far fa-calendar-alt'></i>
</span>
</span>
</div>
</div>
<script th:src="@{/webjars/jquery/3.5.1/jquery.min.js/}" type="text/javascript"></script>
<script th:src="@{/webjars/bootstrap/4.5.3/js/bootstrap.min.js}" type="text/javascript"></script>
<script th:src="@{webjars/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js}" type="text/javascript"></script>
<script>
$('#example').datepicker({
format: 'dd/mm/yyyy',
todayHighlight: true,
autoclose: true,
clearBtn: true,
endDate: '0d',
startDate: '-5y'
});
</script>
</body>
</html>
试验
$（“#示例”）.datepicker({
格式：“dd/mm/yyyy”，
今天的亮点：没错，
自动关闭：是的，
没错，
结束日期：“0d”，
起始日期：'-5y'
});