2012-04-04 66 views
1

我想要一個日期選擇器來顯示當我點擊我的文本框,但它沒有,我做了一些搜索,沒有任何幫助。獲取JQuery UI日期選擇器顯示在asp.net mvc 2 c中的問題#

submittime.aspx

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<form action="/Item/Submit" method="post"> 
    <fieldset> 
     <legend>Set time</legend> 
     <div class ="editor-label"><label for="expire"><b>End date</b></label></div> 
     <div class ="editor-field"><input id="expire" name="expire" type="text" style="width: 500px; height: 20px"/></div> 
     <script type="text/javascript"> 
      $(function() { 
       $('#expire').datepicker({ 
        changeMonth: true, 
        changeYear: true, 
        dateFormat: 'dd/mm/yy' 
       }); 
      }); 
     </script> 
    <input type="submit" value="Submit" style="width: 72px" /> 
    </fieldset> 
</form> 
</asp:Content> 

我加入以下代碼的Site.Master

<link type="text/css" href="css/themename/jquery-ui-1.8.18.custom.css" rel="Stylesheet" /> 
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script> 

它顯示我的文本框,但沒有日期選擇器顯示,當我點擊它,任何幫助將是很好。

+0

不是很確定這一點,但不要以爲日期是正確的格式,請嘗試'dateFormat:'dd-mm-yy'' – 2012-04-04 10:01:35

+0

我試過了,還沒有什麼 – Fennris 2012-04-04 10:49:59

+0

我的答案工作? – 2012-04-04 11:19:55

回答

1

你錯過了$(document).ready()

所以你的代碼應該是這個樣子:

$(document).ready(function(){ 
    $('#expire').datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     dateFormat: 'dd/mm/yy' 
    }); 
}); 

的jsfiddle例如:​​

+0

仍然沒有,但我可以看到在jsFiddle它應該工作。我的參考文獻可能有問題嗎?網站管理員應該在哪裏列出? – Fennris 2012-04-04 11:43:36

+0

@Fennris看看這篇文章 - http://stackoverflow.com/questions/4755447/sorting-out-my-site-master – 2012-04-04 11:48:15

相關問題