Jquery UI Datepicker 不起作用

Question

我尝试了所有方法，但 Jquery ui datepicker 没有出现。

这是我的代码

头

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="Stylesheet" />   
<script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="script/jquery-ui-1.8.19.custom.min.js"></script>

HTML

<input type="text" id="date" name="date"/>

<script>
$( "#date" ).datepicker();
</script>

我做错了什么？？

谢谢！

我刚刚发现了问题： jquery-ui-1.8.19.custom.min.js 似乎有一个错误，因为它不适用于 jquery-1.7.1.min.js。 我从 Jquery 重新下载了文件，它们现在是： jquery-1.7.2.min.js jquery-ui-1.8.20.custom.min.js 现在日期选择器工作得很好。 PD。我是否删除了这个问题，或者可能对其他人有好处。？？ 感谢您的回答和时间。！

Answer 1

你需要把这段代码放在这段代码中：

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

否则将无法正常工作。这会等到您的 DOM 完全加载后才应用日期选择器功能。

Answer 2

解决方案是同时使用 DOM Ready 函数和 Bootstrap 代码，以避免与 jQuery 冲突：

var datepicker = $.fn.datepicker.noConflict();
$.fn.bootstrapDP = datepicker;

$(document).ready(function($) {
  $('#date_from').datepicker();
  $('#date_to').datepicker();
});

这是唯一对我有用的技巧，我希望这会有所帮助。

Answer 3

您可能需要文档准备功能

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