1

我希望在单击文本框时显示日期选择器,但事实并非如此,我已经进行了一些搜索,但没有任何帮助。

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

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

4

1 回答 1

1

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

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

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

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

于 2012-04-04T11:04:02.893 回答