日期選擇器沒有顯示出來

我用我的ASP.NET MVC應用了jQuery庫的母版頁的頭似如下：日期選擇器沒有顯示出來

<head runat="server"> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="contene-style-tyle" content="text/css" /> 
    <meta http-equiv="contene-script-tyle" content="text/javascript" /> 

    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title> 
    <link rel="stylesheet" type="text/css" href="/Content/css/black.css" media="screen, projection, tv" />  
    <!--[if lte IE 7.0]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection, tv" /><![endif]--> 
    <!--[if IE 8.0]> 
     <style type="text/css"> 
      form.fields fieldset {margin-top: -10px;} 
     </style> 
    <![endif]--> 
    <style type="text/css"> @import url(/Content/css/jquery-ui-1.8.15.custom.css); </style> 
    <style type="text/css"> @import url(/Content/css/jquery.message.css); </style> 
    <%--<script type="text/javascript" src="/content/js/jquery-1.4.2.min.js"></script>--%> 
    <script type="text/javascript" src="/content/js/jquery-1.6.2.min.js"></script> 
    <script type="text/javascript" src="/content/js/jquery-ui-1.8.15.custom.min.js"></script> 
    <script type="text/javascript" src="/content/js/jquery.message.min.js"></script> 
    <script type="text/javascript" src="/content/js/jquery.ui.datepicker.js"></script> 
    <!-- Adding support for transparent PNGs in IE6: --> 
    <!--[if lte IE 6]> 
     <script type="text/javascript" src="content/js/ddpng.js"></script> 
     <script type="text/javascript"> 
      DD_belatedPNG.fix('h3 img'); 
     </script> 
    <![endif]--> 

    <script type="text/javascript" language="javascript"> 
     $(document).ready(function() { 
      // Switch categories 
      $('#h-wrap').hover(function() { 
       $(this).toggleClass('active'); 
       $("#h-wrap ul").css('display', 'block'); 
      }, function() { 
       $(this).toggleClass('active'); 
       $("#h-wrap ul").css('display', 'none'); 
      }); 
     }); 
    </script> 
    <asp:ContentPlaceHolder ID="headContent" runat="server"></asp:ContentPlaceHolder> 
</head>

然後在我的aspx頁面我所說的日期選擇控件如下：

$(".Datepicker").each(function() { 
      $(this).datepicker(); 
     });

那件jquery是在document.ready（）函數中。我查了firefox和chrome的控制檯，看看我的javascript是否有錯誤，並且沒有任何問題可見。每當我單擊由於該函數而獲得「hasDatepicker」類的文本框時，什麼都不會發生，我根本沒有從控制檯得到任何消息。

有誰知道爲什麼會發生這種情況？

編輯：

這是它的外觀在DOM -

enter image description here

來源

2011-08-09 Hallaghan

請嘗試在IE 8中查看此頁面 - 它可以接收像這樣的錯誤 - 在左下方的狀態欄中查找錯誤。 –

@Nicholas Murray，我現在在IE 8中測試它，並且它在頁面中完全沒有發現錯誤。 – Hallaghan

添加代碼，將日期選擇器應用於文本框 –

您的通話將不會有任何問題。你可以像這樣進一步縮短通話時間。

$(document).ready(function() { 
    $(".Datepicker").datepicker(); 
});

而hasDatepicker的存在表明，jquery ui確實加載。

檢查這些東西。

你爲什麼要這樣稱呼？ /content/js/jquery.ui.datepicker.js這根本不需要。它可能會覆蓋/content/js/jquery-ui-1.8.15.custom.min.js中的datepicker函數。請刪除吧。
也檢查CSS是正確加載在Firebug控制檯的Net標籤
評論/content/js/jquery.message.min.js，並檢查該文件是罪魁禍首。

其中一個檢查可以做到。

來源

2011-08-09 09:42:26 naveen

已修復！問題的確在於「/content/js/jquery.ui.datepicker.js」的調用。刪除它使日期選擇器顯示立即。我只是不明白，爲什麼不需要調用.datepicker函數？感謝您的幫助。 – Hallaghan

@哈拉漢：現在一切都包裝在自定義js中。在這裏檢查。 http://jqueryui.com/download – naveen

謝謝我會閱讀它。非常感謝您的幫助我的朋友:) – Hallaghan

日期選擇器沒有顯示出來

回答

相關問題