Bootstrap datetimepicker нет действий - PullRequest
Новая
       19

Bootstrap datetimepicker нет действий

0 голосов
/ 28 апреля 2019

Я пытаюсь реализовать загрузчик datetimepicker и сталкиваюсь с проблемой, когда нажатие на поле ввода не вызывает никаких действий. Я дважды проверил мой импорт вместе с самим кодом, следуя нескольким учебникам, но я не смог найти проблему с моим кодом. Импорт, который я использую, выглядит следующим образом: 

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script src="js/bootstrap-datetimepicker.min.js"></script>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

Я скачал репозиторий datetimepicker, выбрал папку css и js и переместил их в основной каталог.

Код, который я вызываю для метки, выглядит следующим образом: 

<div class="row">
                                            <div class='col-sm-6'>
                                                <input size="16" type="text" class="form-control" id="datetime" readonly>

                                                <script type="text/javascript">
                                                    $("#datetime").datetimepicker({
                                                        format: 'yyyy-mm-dd hh:ii'
                                                    });
                                                </script>
                                            </div>
                                        </div>

Как я уже говорил, ярлык не выполняет никаких действий при нажатии. Я не уверен, что вам нужна вся веб-страница, чтобы понять мою проблему, но я опубликую ее ниже: 

<?php
require('./includes/connection.php');
require('./includes/crypt.php');
require('functions.php');

session_start();
ob_start();

/**
 * Created by PhpStorm.
 * User: peri
 * Date: 2019-04-07
 * Time: 16:48
 */



if(isset($_GET['cancel'])) {
    header('Location: messaging.php');
    exit();
}
if(isset($_GET['confirm'])) {
    if(isset($_GET['reason'])) {
        //Encrypted text
        $encrypted_text = encrypt_text($_GET['reason'], $key, $iv);

    }
}

?>

<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <script src="js/bootstrap-datetimepicker.min.js"></script>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

    <title>New Appointment</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark align-center">
    <a class="navbar-brand" href="#">EMR System</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse align-center" id="navbarNav">
        <ul class="navbar-nav align-center">
            <li class="nav-item">
                <a class="nav-link" href="#">Home</a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">Appointment <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Prescription</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Lab Tests</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Billing</a>
            </li>
        </ul>
    </div>
    <div class="navbar-collapse collapse order-3 dual-collapse2">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a href="#" class="navbar-left"><img src="https://png.pngtree.com/element_our/sm/20180620/sm_5b29c1b6c8772.png" width="45px" height="45px"></a>
            </li>
        </ul>
    </div>
</nav>
<br>
<div class="container h-100">
    <div class="row align-items-center h-100">
        <div class="col-5 mx-auto">
            <div class="card h-100 border-primary justify-content-center">
                <div>
                    <?php
                    //Running query to fetch physician details
                    $row = get_physician_information_messaging($_SESSION['phy_ssn']);
                    //echo var_dump($row);
                    //$message = "test";
                    //insert_message($_SESSION['ssn'], $message, 0);
                    ?>
                    <table class="table">
                        <thead class="thead-dark">
                        <tr>
                            <th scope="col" colspan="6">Physician Information</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">First Name:</th>
                            <td class="col-md-6"> <?php echo $row[0]?></td>
                            <th scope="row">Last Name:</th>
                            <td class="col-md-6"> <?php echo 'Dr. ' . $row[2]?></td>
                        </tr>
                        <tr>
                            <th scope="row">Phone Number:</th>
                            <td class="col-md-6"><?php echo $row[3] ?></td>
                            <th scope="row">Speciality:</th>
                            <td class="col-md-6"><?php echo $row[4] ?></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<br>
<div class="container h-100">
    <div class="row align-items-center h-100">
        <div class="col-12 mx-auto">
            <div class="card h-100 border-primary justify-content-center">
                <div>
                    <form method="get" action="new_appointment.php">
                        <table class="table">
                            <thead class="thead-dark">
                            <tr>
                                <th scope="col" colspan="2">Reason for visit</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <div class="form-group">
                                        <label for="visit_reason">Enter your reason for the visit. Be as descriptive as possible.</label>
                                        <textarea class="form-control" id="visit_reason" rows="3" name="reason"></textarea>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="container">
                                        <div class="row">
                                            <div class='col-sm-6'>
                                                <input size="16" type="text" class="form-control" id="datetime" readonly>

                                                <script type="text/javascript">
                                                    $("#datetime").datetimepicker({
                                                        format: 'yyyy-mm-dd hh:ii'
                                                    });
                                                </script>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center">
                                    <button type="submit" class="btn btn-success" name="confirm">Confirm</button>
                                    <button type="submit" class="btn btn-danger" name="cancel">Cancel</button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>

Может ли кто-нибудь указать на мою проблему? (Примечание. Весь код, который я использовал для средства выбора даты и времени, был скопирован, вставлен из учебников, что является еще одной причиной, по которой я озадачен.)

...