2012-04-04 68 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

相关问题