为什么我的日期选择器没有在bootstrap上工作

时间:2013-12-10 08:03:48

标签: twitter-bootstrap

    <html>
<head>
    <title>Activity 4 - Date Compare</title>
    <link href="http://www.eyecon.ro/bootstrap-datepicker/css/bootstrap.css" rel="stylesheet">
    <link href="http://www.eyecon.ro/bootstrap-datepicker/css/datepicker.css" rel="stylesheet">


    <script src="http://www.eyecon.ro/bootstrap-datepicker/js/jquery.js"></script>
    <script src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

    <script type='text/javascript'>
        $(document).ready(function () {
            $('#date1').datepicker().on('changeDate', function (ev) {
                $(this).datepicker('hide');
            });

            $('#date2').datepicker().on('changeDate', function (ev) {
                $(this).datepicker('hide');
            });
        });
    </script>
</head>
<body>
    <form method="POST" action="">
        <br>Use this Format: <b>mm/dd/yyyy</b><br>
        Date 1: <input type="text" name="date1" id="date1"><br>
        Date 2: <input type="text" name="date2" id="date2">
    </form>
</body>
</html>

为什么我的DatePicker不起作用...请帮助我不知道我在哪里失败...我不知道该怎么做...请有人帮我...我甚至打电话给我date1date2的ID仍无法正常工作...请有人帮我弄清楚如何做到这一点......

我想要这样的格式......

mm/dd/yyyy 12/15/1994

1 个答案:

答案 0 :(得分:0)

在输入类型中使用input type =“date”而不是text。

我希望这可能会有所帮助。