为什么浏览器不't显示我的日历

Why the browser don't display my Calendar?

本文关键字：显示我的日历浏览器为什么更新时间：2023-09-26

我找到了用js 在HTML中实现日历的代码

它在这里：http://webdesignandsuch.com/add-a-calendar-date-picker-to-a-form-with-jquery/

我的以下代码不起作用。

<div class="row">
    <div class="col-lg-4 text-center">
        <div class="panel panel-default">                       
            <div class="panel-body">
                Escolha a data do jogo:
                </br>
                </br>
                <form>
                <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" type="text/css">
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
                <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
                <script>
                    $(document).ready(function() {
                    $("#datepicker").datepicker();
                    });
                </script>
                <input id="datepicker" class="form-control" placeholder="Seu jogo será às..." />
                </form>
            </div>
        </div>
    </div>

粘贴在此处的代码运行良好。我认为在datepicker()调用之前您有一个js问题。您可以尝试检查浏览器控制台日志或在此处粘贴更多代码。

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<div class="row">
    <div class="col-lg-4 text-center">
        <div class="panel panel-default">                       
            <div class="panel-body">
                Escolha a data do jogo:
                <form>
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
                <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
                <script>
                    $(document).ready(function() {
                    $("#datepicker").datepicker();
                    });
                </script>
                <input id="datepicker" class="form-control" placeholder="Seu jogo será às..." />
                </form>
            </div>
        </div>
    </div>