2

我尝试了所有方法，但没有显示 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 现在 datepicker 工作得很好。PD。我是否删除了这个问题，或者可能对其他人有好处。？？感谢您的回答和时间。！

4

3 回答 3

0

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

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

否则它将无法正常工作。这会等到您的 DOM 完全加载后再应用 datepicker 功能。

于 2012-05-05T21:53:59.887 回答
0

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

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

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

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

于 2020-06-26T19:42:49.593 回答
-1

您可能需要文档就绪功能

<script>    
$(document).ready(function() {
   $('#date').datepicker();
});
</script>
于 2012-05-05T21:57:45.753 回答