Question

我是JQuery的新手，我需要使用datepicker来获取表单中的日期。我正在使用此代码：

HTML

<html>
 <head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <script>
   $(function() {
     $( "#date" ).focus().datepicker({ dateFormat: 'dd-mm-yy' });
   });
  </script>
 </head>
 <body>
  <p>Date: <input type="text" id="date"></p>
 </body>
</html>

但是当我点击字段时，没有任何事情发生。当我试图使用它时：

<html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>
<body>

<div id="datepicker"></div>

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

</body>
</html>

它正在工作......感谢您的提示。

此外：我正在使用Nette框架，我可以继承模板......这可能是问题吗？

Answer 1

在初始化日期选择器之后，只需将其对焦，否则输入会在附加日期选择器之前进行聚焦。

$( "#date" ).datepicker({ dateFormat: 'dd-mm-yy' }).focus();

FIDDLE

Answer 2

尝试使用以下选项进行初始化：

$('#date').datepicker( "option", "dateFormat", 'dd-mm-yy' ).datepicker();

JQuery - datepicker没有出现

2 个答案: