•  05-07-2019
  •  | 
  •  

题

我正在尝试弹出一个简单的日期选择器，但不能或我不知道是什么原因。这是我的代码：

<!DOCTYPE html>
<html>
<script type="text/javascript" src="jquery/jquery.js"> </script>
<link type="text/css" href="css/smoothness/jquery.css" rel="Stylesheet" />
<script type="text/javascript" src="jquery/jquery-ui.js"> </script>   

<script type="text/javascript">
$('#date').datepicker();
 </script>
<body>
<input type="text" name="date" id="date" />
</body>
</html>

我正在运行一个具有所有正确路径的apache服务器。任何人都可能知道为什么这不起作用？

有帮助吗？

解决方案

尝试：

$(function() {
  $("#date").datepicker();
});

关键是您的检查可能会失败，因为日期元素尚不存在，特别是因为它直到找到它的脚本之后才会被声明。

其他提示

您应该将与datepicker相关的代码放在INPUT标记之后。但是，据我所知，datepicker组件要求您在页面加载后调用它，因此您的代码应该成为：

<script type="text/javascript">
$(function () {
    $('#date').datepicker();
})
</script>

现在应该可以了。

我不是专家，但你错过了<！> lt; head <！> gt;标签

似乎问题已经解决了。你必须把它放在$（document）.ready（）函数中。

我只想添加一个关于JQuery-UI的东西。如果您只需要日期选择器，则不应包含整个UI包。转到JQuery-UI站点，您可以自定义下载。标记你需要的东西，它会给你一个只有最小的文件。这将使您的页面加载速度更快。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top