Question

我在datepicker中使用以下代码：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
    $( "#datepicker" ).datepicker();
});
</script>
<p>Date: <input type="text" id="datepicker"></p>

令人惊讶的是，它正在处理其中一个页面而不是另一个页面。为什么呢？

Answer 1

可能是因为您在代码中使用了jQuery，并且没有正确添加jQuery或者不同JS之间存在冲突。（您可能错过了在第二页上添加jQuery）

检查浏览器控制台以了解错误。

Answer 2

尝试将属性从id更改为class，因为它将在其他页面上使用。 ID属性意味着由一个目标元素使用。

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
    $( ".datepicker" ).datepicker();
});
</script>
<p>Date: <input type="text" class="datepicker"></p>

Answer 3

也许在编写html之前（在文档准备好之前）初始化了datepicker。

而不是：

<script>
$(function() {
    $( "#datepicker" ).datepicker();
});
</script>

试试这个：

<script>
$(document).ready(function() {
    $( "#datepicker" ).datepicker();
});
</script>

Answer 4

你可以尝试

<script>
var $j = jQuery.noConflict();
$j(document).ready(function() {
  $j(function() {
    $j( "#datepicker" ).datepicker();
  });
});
</script>

Answer 5

您需要在http:和//code代码的网址中的link之前添加script。

日期选择器显示在一个页面中但不显示在另一个页面中？

5 个答案: