Question

我尝试了一切，但Jquery ui datepicker没有出现。

这是我的代码

HEAD

<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似乎有一个bug，因为它不适用于jquery-1.7.1.min.js。我从Jquery重新下载了文件，它们现在是： jQuery的1.7.2.min.js jQuery的UI，1.8.20.custom.min.js 现在，datepicker工作得很好。 PD。我是否已删除此问题，或者可能对其他人有所了解。感谢您的回答和时间。

Answer 1

您需要将此代码放在此代码中：

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

否则它将无效。在应用datepicker功能之前，这将等待DOM完全加载。

Answer 2

您可能需要文档就绪功能

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

Answer 3

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

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

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

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

Jquery UI Datepicker不起作用

3 个答案: