jquery - jquery中的日期选择器错误

Question

我正在尝试实现以下日期选择器http://www.eyecon.ro/datepicker/#about。但我没有看到日历选项。我在这里想念什么？

<script class="include" type="text/javascript" src="/media/js/datepicker/js/jquery.js"></script>
<script class="include" type="text/javascript" src="/media/js/datepicker/js/datepicker.js">     </script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#date1').DatePicker();
        $('#date1').DatePickerShow();
    });
</script>

<input type="text" id="date1" class="datepicker" />

Answer 1

把你的代码放进去<script type="text/javascript">

<script type="text/javascript">
$(document).ready(function(){
 $('#date1').DatePicker();
 //$('#date1').DatePickerShow(); //this line is not needed.

 });

并JS像上面的评论一样检查路径。

Answer 2

确保链接到正确的库。出于许多充分的理由，使用 google 作为 jquery 的来源

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

Answer 3

将 Javascript 和 CSS 文件附加到您的文档中。编辑 CSS 文件并修复图像的路径并更改颜色以适合您的站点主题。

我猜你还没有下载所需的 css 和 js 文件，或者你没有更改从源下载的 css 文件中的图像路径。

 <link rel="stylesheet" media="screen" type="text/css" href="css/datepicker.css" />
<script type="text/javascript" src="js/datepicker.js"></script>

调用代码：

 $('#date1').DatePicker();

并且为了显示隐藏，

$('#date1').DatePickerShow();
$('#date1').DatePickerHide();