jquery - 在输入字段单击时显示 JQuery UI 日期选择器?

标签 jquery jquery-ui focus datepicker jquery-ui-datepicker

好吧,也许这是一个微不足道的问题,但我很想看看是否有人对此有任何想法:

我正在使用 JQuery UI。我有一个<input id="#myfield" type="text">场和我打电话$('#myfield').datepicker() 。每当字段获得焦点时,日期选择器就会显示。但该字段是我的表单中的第一个字段,并且在加载时已经处于焦点状态,因此单击该字段不会显示它。另外,如果我使用 Esc 键关闭日期选择器,那么我无法通过单击该字段再次打开它,原因相同:它已经处于焦点中。

我知道我可以设置参数 .datepicker({showOn: 'button'})但我不想要这个按钮。有没有什么方法可以让日期选择器在字段获得焦点时出现,或者在已经获得焦点时单击?我已经尝试过$('#myfield').click( function () { $(this).focus() } )当我单击输入字段时,它使日期选择器正确打开,但当我选择日期时,它不会出现在字段中。

最佳答案

试试这个

<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#date1').datepicker();

$('#date1').focus(function(){
    $('#date1').datepicker('show');
});

$('#date1').click(function(){
    $('#date1').datepicker('show');
});
//$('#ui-datepicker-div').show();
$('#date1').datepicker('show');
});
</script>
</head>
<body>
<input type="text" name="date1" id='date1'>
</body>
</html>

关于jquery - 在输入字段单击时显示 JQuery UI 日期选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10718082/

相关文章:

javascript - JQuery Dialog 不会启用更改文本字段中的数据

javascript - jquery在appendTo之后无法聚焦于输入框

javascript - 替代 blur() 来设置窗口焦点?

jQuery/选择2 : How to remove blank default dropdown for tags/tokens

javascript - 使用 jQuery 使用选择器语法一次添加 2 个元素

javascript - 将 int 数组传递给 MVC Controller

jquery - 使用 jQuery 独立 Web 应用程序与服务器端演示框架

jquery - 添加指向 JQueryUI 自动完成项的链接

javascript - 使用字符串的日期对象

javascript - jQuery .focus() 在 .show() 之后