jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery datepicker自动打开(但不应该)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用 JQuery UI的应用程序.这个应用程序需要打开一个对话框并显示两个日期选择器.目前,我有对话框工作.我也有两个日期选择器.我的问题是:a)日期选择器@L_944_6@认日期未显示,b)当我打开对话框时,“从”日期选择器自动打开.这是我的代码初始化对话框和日期选择器:

<div id="myDialog" title="Other Date Range" style="display:none;">
    <table border="0">
        <tr>
            <td>From</td>
            <td></td>
            <td>To</td>
        </tr>
        <tr>
            <td><input id="fromOtherDateTextBox" style="width:140px;" /></td>
            <td>&nbsp;-&nbsp;</td>
            <td><input id="toOtherDateTextBox" style="width:140px;" /></td>
        </tr>
        <tr>
            <td>mm/dd/yyyy</td>
            <td></td>
            <td>mm/dd/yyyy</td>
        </tr>
    </table>
</div>

$(document).ready(function () {
    $("#fromOtherDateTextBox").datepicker({        
        defaultDate: "-1d",maxDate: 0,minDate: new Date(2000,1,1)
    });   

    $("#toOtherDateTextBox").datepicker({        
        defaultDate: "0d",1)
    });   

    $("#myDialog").dialog({
        autoOpen: false,modal: true,show: "fade",hide: "fade",height:220,width:350,buttons: {
            'Cancel': function () { $(this).dialog('close'); },'View': uSEOtherDate_Click
        }
    });    
});

这是我用来打开对话框的代码

$("#myDialog").dialog("open");

我究竟做错了什么?

谢谢!

解决方法

问题是当对话框打开时焦点设置为日期控件,这会导致日期选择器打开.

一种可能的解决方案是为tabIndex = 1分配除数据控件之外的元素.

<div id="myDialog" title="Other Date Range" style="display:none;">
    <table border="0" tabIndex="1">

演示:Fiddle

defaultDate property不会设置输入控件的@L_944_6@认日期,它只会突出显示弹出窗口中的日期.如果查看datepicker弹出窗口,可以发现突出显示了set defaultDate

大佬总结

以上是大佬教程为你收集整理的jquery datepicker自动打开(但不应该)全部内容,希望文章能够帮你解决jquery datepicker自动打开(但不应该)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。