JQuery datepicker 在多 jsp 页面中不起作用答案

【问题标题】：JQuery datepicker doesn't work in multi jsp pageJQuery datepicker 在多 jsp 页面中不起作用
【发布时间】：2018-12-03 21:08:49
【问题描述】：

我在我的 jsp 页面中使用 datepicker，但问题是 datepicker 仅在初始化 datepicker 的页面中工作，而不是在其他页面中。

我像这样初始化（仅一次）日期选择器：$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] ); 在主页的 js 文件中使用法式日历（我在主页中包含其他页面，以便为所有页面获取相同的页眉和页脚)

我想知道为什么不起作用，我认为调用 datepicker 的第一个页面将其锁定，我们可以在此页面中使用它。

我的代码如下： firstJsp.jsp：

<script type="text/javascript" src="/jquery.js"></script>
<script type="text/javascript" src="/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="/jquery.checkbox.js"></script>
<script type="text/javascript" src="/jquery.ibutton.js"></script>
<script type="text/javascript" src="/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/jquery.metadata.js"></script>
<script type="text/javascript" src="/jquery-ui-datepicker-fr.js"></script>
<script type="text/javascript" src="/firstJsp.js"></script>
...
<input type="text" id="RegDate" class="datepicker"/>
...

firstJsp.js 和 secondJsp.jsp（相同的代码）

$(document).ready(
		function() {	
			...
			$(".datepicker").datepicker();
			//$(".datepicker").datepicker($.datepicker.regional["fr"]);
			...
		});

mainJsp.js 使用 ajax 获取页面并将其包含在 mainJsp.jsp 页面中的<div id="subPage"></div> 中

		...
		success : function(data){
			$('#subPage').html(data);
			}
		...

任何解决此问题的建议

【问题讨论】：

只在初始化日期选择器的页面中工作您还需要在其他页面中初始化
因为在您的每个页面上，JavaScript 都会再次引导并失去前一页面的状态（您的初始化）
$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );这是你的全部代码？
@Satpal 我在所有页面中初始化日期选择器，但始终只在一页中工作
@KasabuckiAlexandr 我没关系，我在$(document).ready(..)调用init函数

标签： jquery spring-mvc jsp jakarta-ee datepicker

【解决方案1】：

当我访问子页面时，我会多次加载 jqyery libery，这就是为什么日期选择器仅在子页面的第一次加载时工作而在其他页面中不起作用的原因。

希望我的解决方案能帮到你

【讨论】：