在输入字段上显示JQuery UI datepicker点击?

ale*_*exg 8 jquery focus jquery-ui datepicker jquery-ui-datepicker

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

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

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

Raj*_*wal 17

试试这个

<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>
Run Code Online (Sandbox Code Playgroud)