Jquery Datepicker在第一次点击时不显示
Posted
技术标签:
【中文标题】Jquery Datepicker在第一次点击时不显示【英文标题】：Jquery Datepicker not displayed on first click 【发布时间】：2015-09-02 10:38:21 【问题描述】：我正在使用 JQueryUI 日期选择器，当第一次单击日历图像时，日历未显示。但是，当回发发生时，会显示日历。
我使用下面是代码sn-p来初始化datepicker：
$(function()
var date = new Date();
var currentMonth = date.getMonth();
var currentDate = date.getDate();
var currentYear = date.getFullYear();
$("#ReportDate").datepicker(
showOn: "both",
buttonImage: "calendar.png",
buttonImageOnly: true,
buttonText: "Select date",
maxDate: new Date(currentYear, currentMonth, currentDate)
);
); .ui-datepicker
font-size: 8pt !important;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div class="demo">
<b>Date:</b> <input type="text" id="ReportDate" />
</div>
</form>
</body>
</html>谁能帮忙。我真的被困很久了。
【问题讨论】：
你能发一个小提琴吗 代码，fiddle 或 plunker。提供一些东西 您是在通知我们还是在询问？请发布您的代码和问题 您提供的代码小提琴不起作用！在您钓鱼为其他人发布代码之前，请确保Run 代码！此外，您发布的代码在语法上是错误的！
您的代码小提琴不起作用！检查！
【参考方案1】：
据我的理解，这个问题通常发生在输入字段是页面的第一个输入，并且在dom初始化时已经处于focus状态。所以我们需要再次点击该字段来初始化focus和datepicker。所以最好在点击功能上初始化日期选择器。
$('#datepicker').click(function()
$('#datepicker').datepicker('show');
);
offcouse fiddle 或 plunker demo of question 将有助于提供更多答案。
【讨论】：
即使我尝试过，但除非在页面上发生回发，否则它不起作用。【参考方案2】：您是否在页面加载时初始化您的日期选择器？
<script>
$(function()
$( "#datepicker" ).datepicker();
);
</script>
编辑
可能引用错误。 试试这个：https://jsfiddle.net/ddan/8vjtzru4/1/
【讨论】：
@Vineeta 我尝试了很多东西仍然无法正常工作。我认为点击事件在页面加载时并没有得到附加。我无法附上图片，否则会让你们理解的很清楚:( 不，它仍然是同样的问题。我将我的 Jquery 和 CSS 引用替换为您提供的引用。还。我的测试框是 ASp.net 文本框：我认为你的脚本标签有误
我已经更新了你的代码Here
检查此链接，让我知道它是否有效。
【讨论】：
即使那样它在我的页面上也不起作用。如果我将它放在 html 页面上，它似乎工作正常。但是当它必须对回发做一些事情时，它不能在 .aspx 页面上工作。以上是关于Jquery Datepicker在第一次点击时不显示的主要内容，如果未能解决你的问题，请参考以下文章
jQuery Datepicker 在选择日期时不更新输入字段
jquery-ui datepicker插件在页面第二次点击时无效的问题
如何设置jquery的datepicker，让它进入页面就自动显示在页面的某个位置，而不是点击了才显示
Jquery UI datepicker，点击日期，获取日期并传递给 URL