带有codeigniter问题的jquery datepicker

时间:2011-09-27 22:18:30

标签: javascript jquery codeigniter datepicker

我正在尝试使用CodeIgniter编写注册表单,并希望将dquery使用jquery datepicker,但以下操作无效。这是整个页面:

<!DOCTYPE HTML>
<html>
<head>

    <link rel="stylesheet" href="http://localhost/cc/css/style.css" type="text/css" media="screen" charset="utf-8">
    <link rel="stylesheet" href="http://localhost/cc/jquery/css/dot-luv/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" charset="utf-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
    <script src="http://localhost/cc/jquery/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <title>CC - Card Central</title>
</head>

<body>
    <script>
        $(function() {
            $( ".datepicker" ).datepicker();
        });
    </script>

    <fieldset>
        <legend>Create a new account!</legend>
            <fieldset>
                <legend>Personal Information</legend>
                <form action="http://localhost/cc/index.php/account/create_account" method="post" accept-charset="utf-8">
                    <input type="text" name="firstname" value="" placeholder="First Name" />
                    <input type="text" name="middlename" value="" placeholder="Middle Name" />
                    <input type="text" name="lastname" value="" placeholder="Last Name" />
                    <input type="text" name="dob" value="" placeholder="Date of Birth" class="datepicker" />
            </fieldset>
            <fieldset>
                <legend>Account Information</legend>
                    <input type="text" name="username" value="" placeholder="Username" />
                    <input type="text" name="password" value="" placeholder="Password" />
                    <input type="text" name="passwordconfirm" value="" placeholder="Password Confirm" />
                    <input type="submit" name="submit" value="Done!"  />        
            </fieldset>
        </fieldset>
    </body>
</html>

1 个答案:

答案 0 :(得分:5)

您忘记包含jQuery库: - )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

将它放在引用jQuery UI的脚本标记之前,你应该好好去