Чтобы использовать datetimepicker в angular4

Я пытаюсь реализовать datetimepicker в проекте, реализованном на angular4 и node.js.

<div class = "container">
    <div class = "row">
        <div class='col-sm-2'>
            <div class = "form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class = "form-control" />
                        <span class = "input-group-addon">
                            <span class = "glyphicon glyphicon-calendar"></span>
                        </span>
                </div>
            </div>
        </div>
        <script type = "text/javascript">
        $(function () {
            console.info("inside date time picker function ")
            $('#datetimepicker1').datetimepicker();
        });
        </script>
    </div>
</div>

Я включил console.info в jquery. Но не работает

Вам нужно предоставить больше контекста - находится ли этот код внутри компонента - используете ли вы этот селектор компонентов внутри родительского шаблона? Почему у вас вообще есть функция jQuery, смешанная с вашим HTML?

codeepic 23.04.2018 17:40

@codeepic, потому что это пример кода datepicker. См. eonasdan.github.io/bootstrap-datetimepicker

M07 23.04.2018 20:57

@codeepic я пишу внутри - transaction.component.html

user9630712 24.04.2018 05:30
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
47
1

Ответы 1

Я думаю, вы не устанавливали datetimepicker.

Здесь связь для установки вручную.

Поскольку вы используете Angular4, я предлагаю вам использовать функция календаря PrimeNG.

См. Эту ссылку, чтобы узнать, как настроить PrimeNG на Angular4

Другие вопросы по теме