Question

也许这是一个无关紧要的问题, 但我很想知道是否有人对此有任何想法:

我使用 JQuery 界面。我有一个字段, 我调用 $ (# myfield). dateparter () 字段。日期选择器显示字段何时被聚焦。但字段是我格式的第一个字段, 当它装入时已经在焦点中, 因此点击字段时不会显示它。另外, 如果我用 Esc 键关闭日期选择器, 那么我也可以点击字段再次打开它, 出于同样的原因: 它已经在焦点中。

我意识到我可以设置参数 < code>. dateparter ({showOn: but 按钮}) , 但我不想设置按钮。当字段在焦点时, 当焦点 OR 被点击时, 有没有办法让日期选择者出现? 我已经尝试了 < code>$ (# myfield ) 。单击( 函数 () { $ (this). focus ()) , 当我单击输入字段时, 它使日期选择器打开正确, 但是当我选择一个日期时它不在字段中出现。

Answer 1

试试这个

<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>

Answer 2

这个笔记本不会回答你的问题, 但如果你没有日期选择器按钮的问题与是否拥有日期选择器按钮有关... 如果这有什么意义的话?

我有一个问题,因为用户通过我的形式/页面, 我不想有这个按钮, 我不想让这个按钮有焦点。 (Werird UI经验)

如果你的情况也是如此... 你可以通过做以下工作来消除焦点。 (它也会间接地解决你现在的问题。 )

$( #field ).datepicker({
      showOn:  button ,
      buttonImage: "/image_path/image.png",
 }).next( img.ui-datepicker-trigger ).attr( tabIndex , "-1");

Answer 3

我也有类似的场景:页面上的第一个字段,它应该关闭,没有按钮,并且只按用户点击打开。但是它是一个封闭的搜索栏组件,因此改变默认行为不是一个选项。这里我的工作选择是:

$(document).ready(function () {
        //getting the controls on the form context
        var calendarios = $( .calendarBox , "#frmOccurrencesHistory");
        //set an invalid option - avoid open on focus and show the buttons
        calendarios.datepicker("option", "showOn", "click");
        //handle click button
        calendarios.each(function () {
            $(this).click(function () {
                $(this).datepicker( show );
            });
        });
    });

不漂亮,不完美,有一闪闪的日历当页数加载时, 但这就是我已经走了多远

Answer 4

 $("#datepicker").datepicker({
   dateFormat: dd/M/yy ,
   minDate:  now ,
   changeMonth:true,
   changeYear:true,
   showOn: "focus",
   //buttonImage: "YourImage",
   buttonImageOnly: true, 
   yearRange: "-100:+0",  
}); 

  $( "datepicker" ).datepicker( "option", "disabled", true );

友情链接