在angular4中使用datetimepicker

Question

I am trying to implement the datetimepicker in a project implemented on angular4 and 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.log("inside date time picker function ")
            $('#datetimepicker1').datetimepicker();
        });
        </script>
    </div>
</div>

I have included a console.log inside jquery. But it doesn't work

Answer 1

I guess you did not install datetimepicker .

Here the link to install it manually.

As you are using Angular4, I suggest you to use the Calendar feature of PrimeNG .

See this link to see how to setup PrimeNG on Angular4