Средство выбора даты и времени не работает в веб-приложении - PullRequest
1 голос
/ 10 июля 2019

Я пытаюсь добавить этот DateTime Picker в свое приложение, я не знаю почему. У меня уже есть необходимая библиотека, чтобы она работала .. Вот мои библиотеки ниже:

<!-- jQuery library -->
<script src="js/jquery.min.js"></script>

<!-- Bootstrap library -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="bootstrap/js/bootstrap.min.js"></script>

<link href="css/bootstrap-datetimepicker.css" rel="stylesheet">

А вот код выбора даты и времени

                <label for="dateTime">Date and Time</label>
                <input type="text" name="datetime" id="datetime" class="form-control" readonly>

                <script type="text/javascript">
                    $(function () {
                        var today = new Date();
                        var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
                        var time = today.getHours() + ":" + today.getMinutes();
                        var dateTime = date+' '+time;
                        $("#datetime").datetimepicker({
                            format: 'yyyy-mm-dd hh:ii',
                            autoclose: true,
                            todayBtn: true,
                            startDate: dateTime
                        });
                    });
                </script>

1 Ответ

0 голосов
/ 10 июля 2019

Включите необходимые скрипты и стили:

    <head>
  <!-- ... -->
  <script type="text/javascript" src="/bower_components/jquery/jquery.min.js"></script>
  <script type="text/javascript" src="/bower_components/moment/min/moment.min.js"></script>
  <script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
  <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" />
  <link rel="stylesheet" href="/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
</head>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...