Question

我查看了所有类似命名的问题，这让我想知道为什么这不起作用。

我包括：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

我的script.js中有以下内容：

$(document).ready(function() {
  $( "#dateField" ).datepicker();
});

这是HTML：

<form>
<input type="text" size="50" ng-model="thisItem.title" /><br/><br/>
<textarea cols="50" rows="10" ng-model="thisItem.details"></textarea>
<br/><br/>
<input type="text" ng-model="thisItem.due" id="dateField" /><br/><br/>
</form>

当我点击dateField输入时，没有显示任何内容。

我忘记了什么？

Answer 1

试试这个

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet"      href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
 $(function() {
    $( "#datepicker" ).datepicker();
});
 </script>
</head>
 <body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>

jQuery datepicker无法正常工作

1 个答案: