好吧,也许这是一个微不足道的问题,但我很想看看是否有人对此有任何想法:
我正在使用 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/