javascript - JQuery - 日期选择器不出现

标签 javascript jquery datepicker

我是 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 框架,我可以在其中继承模板...这可能是问题所在吗?

最佳答案

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

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

FIDDLE

关于javascript - JQuery - 日期选择器不出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23218966/

相关文章:

javascript - 点击事件触发多次问题,怎么办?

jquery - JQGrid editOptions 值不起作用

javascript - 销毁 jQuery 插件实例,以便它可以再次重新实例化,因为插件销毁功能不起作用?

java - DatepickerDialog 未在 Textview 中添加日期

javascript - 选择特定日期时在下拉列表中显示不同值的日期选择器

javascript - D3 中荷兰的自定义数据 map

javascript - 自调用函数中没有 var 关键字的变量如何工作?

javascript - 使 jQuery Waypoints 无法与 JavaScript 创建的内容很好地配合

javascript - 在 Javascript 中精确替换字符串

JQuery:AJAX 错误:获取发送到服务器的数据