jquery:通过图像显示/隐藏日期选择器？

Question

我想使用日历的图像来显示/隐藏jquery datepicker.基于文档看起来我需要设置buttonImage和buttonImageOnly,我有.日期选择器正在工作但它始终可见.这是我的代码:

<script type="text/javascript">
$(document).ready(function(){
$("#datepicker").datepicker({ 
    altField: '#from', 
    altFormat: 'yymmdd', 
    buttonImage: 'datepicker.png', 
    buttonImageOnly: true, 
    defaultDate: <?=getDaysFromToday($_GET['from'])?>, 
    showOn: 'focus' 
    });
});

$('#datepicker').datepicker({
    onSelect: function(dateText, inst) {
    $("#myform").submit(); 
    }
});
 </script>

此外,我试图让它在您选择日期时提交表单,我似乎也无法让它工作.

难道我做错了什么？

谢谢!

Answer 1

更换

showOn: 'focus'

同

showOn: 'button'

这将使日期选择器仅在单击按钮时出现,而不是在文本字段获得焦点时出现.

不能告诉你为什么表单提交不起作用.您是否将任何提交事件绑定到可能返回false的表单？

由于thisrefres到事件处理程序内的input元素,也许你可以尝试这个提交:

this.form.submit();

评论后编辑:看看这个例子,按钮会自动添加.

我刚刚意识到你有两个单独的电话datepicker.将两者合二为一可能有助于解决您的事件:

$("#datepicker").datepicker({ 
    altField: '#from', 
    altFormat: 'yymmdd', 
    buttonImage: 'datepicker.png', 
    buttonImageOnly: true, 
    defaultDate: <?=getDaysFromToday($_GET['from'])?>, 
    showOn: 'focus'.
    onSelect: function(dateText, inst) {
        $("#myform").submit(); 
    }
});