Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在angular4中使用日期时间选择器_Javascript_Jquery_Angular_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 在angular4中使用日期时间选择器

Javascript 在angular4中使用日期时间选择器,javascript,jquery,angular,twitter-bootstrap-3,Javascript,Jquery,Angular,Twitter Bootstrap 3,我试图在angular4和node.js上实现的项目中实现datetimepicker <div class="container"> <div class="row"> <div class='col-sm-2'> <div class="form-group"> <div class='input-group date' id='datetimepicker1

我试图在angular4和node.js上实现的项目中实现datetimepicker

<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>

$(函数(){
日志(“内部日期时间选择器函数”)
$('#datetimepicker1')。datetimepicker();
});

我在jquery中包含了一个console.log。但是它不起作用

我想你没有安装日期时间选择器

在这里手动安装它

由于您正在使用Angular4,我建议您使用


要了解如何在Angular4上设置Priming

您需要提供更多上下文-此代码是否在组件中-您是否在父级模板中使用此组件选择器?首先,为什么要将jQuery函数与HTML混合使用。@codeepic,因为它是datepicker示例代码。请参阅@codeepic,我正在内部编写它-transaction.component.html