jQuery日期选择器有时仅显示

我在表单中添加了一个简单的jQuery日期选择器，一点也不复杂

出于某种原因，在IE9（尚未测试IE8）中，它只是偶尔显示。如果不断刷新页面，有时会显示，有时不会

该页面位于右上角的可用性检查器中

我已经剥去它回来，并再次添加它等，但它仍然只是显示有时

Datepicker在jquery网站上显示得很好，所以我确信这是我做的事情，但我无法解决这个问题

以前有人体验过这个吗

我的代码是：

    <script src="java/jquery.min.js" type="text/javascript"></script>
    <script src="java/jquery-ui.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="styles/jquery-ui.css" type="text/css" media="all" />
    <link rel="stylesheet" href="styles/ui.theme.css" type="text/css" media="all" />
    <link rel="stylesheet" href="styles/styles.css" type="text/css" media="all" />

    <script type="text/javascript">

        var $myBadDates = new Array                ("09/05/2011","13/09/2012","12/09/2012","26/09/2012","27/09/2012","15/05/2020");

        function checkBadDates(mydate){
        var $return=true;
        var $returnclass ="available";
        $checkdate = $.datepicker.formatDate('dd/mm/yy', mydate);
        for(var i = 0; i < $myBadDates.length; i++)
            {    
               if($myBadDates[i] == $checkdate)
          {
                $return = false;
                $returnclass= "unavailable";
                }
            }
        return [$return,$returnclass];
        }

        $(function() {
            $( "#arriving" ).datepicker({
                showOn: "button",
                buttonImage: "images/calendar.gif",
                buttonImageOnly: true,
                dateFormat: "dd/mm/yy",
                minDate: new Date(2012, 9 - 1, 9),
                beforeShowDay: checkBadDates,

            });

            $( "#departing" ).datepicker({
                showOn: "button",
                buttonImage: "images/calendar.gif",
                buttonImageOnly: true,
                dateFormat: "dd/mm/yy",
                minDate: new Date(2012, 9 - 1, 9),
                beforeShowDay: checkBadDates,

            });
        });
        </script>

var$myBadDates=新阵列（“2011年5月9日”、“2012年9月13日”、“2012年9月12日”、“2012年9月26日”、“2012年9月27日”、“2020年5月15日”）；
函数检查日期（mydate）{
var$return=true；
var$returnclass=“可用”；
$checkdate=$.datepicker.formatDate（'dd/mm/yy'，mydate'）；
对于（变量i=0；i<$myBadDates.length；i++）
{    
如果（$myBadDates[i]=$checkdate）
{
$return=false；
$returnclass=“不可用”；
}
}
return[$return，$returnclass]；
}
$（函数（）{
$（“#到达”）。日期选择器({
展示：“按钮”，
buttonImage:“images/calendar.gif”，
buttonImageOnly:正确，
日期格式：“日/月/年”，
minDate：新日期（2012年9月9日至1月9日），
展示日前：检查坏日期，
});
美元（“#出发”）。日期选择器({
展示：“按钮”，
buttonImage:“images/calendar.gif”，
buttonImageOnly:正确，
日期格式：“日/月/年”，
minDate：新日期（2012年9月9日至1月9日），
展示日前：检查坏日期，
});
});

我也尝试过没有残疾日功能，没有运气

---

关于

问题很可能是脚本正在运行并试图在加载DOM之前执行。（这也解释了为什么它有时会随机运行，但有时不会）。将Javascript代码放入

$（document）.ready（function（）{…}）；

块中

更好的是，将脚本块移动到文档的末尾——这是最好的方法，因为它允许在加载脚本时加载和显示文档的其余部分