让 JQuery UI datepicker 显示在 asp.net mvc 2 c# 中的问题

Question

我希望在单击文本框时显示日期选择器，但它没有，我进行了一些搜索，但没有任何帮助。

提交时间.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>

它显示我的文本框，但当我点击它时没有显示日期选择器，任何帮助都会很好。

Answer 1

你错过了$(document).ready()

所以你的代码应该是这样的：

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

jsFiddle 示例：http://jsfiddle.net/hcBL2/