datetimepicker不是Angular函数

时间:2019-01-28 06:45:52

标签: angular datetimepicker angular7

我想以角度添加我的日期时间选择器。

我正在使用此库https://xdsoft.net/jqplugins/datetimepicker/

现在我正面临以下错误提示

  

未捕获的TypeError:   jquery__WEBPACK_IMPORTED_MODULE_1 __(...)。datetimepicker不是   功能

<form> <input id="datetimepicker_mask" type="text" ></form>


import { Component, OnInit } from '@angular/core';
import * as $ from 'jquery';
import datetimepicker from 'jquery-datetimepicker';

@Component({
  selector: 'app-form-order',
  templateUrl: './form-order.component.html',
  styleUrls: ['./form-order.component.css']
}) 

export class FormOrderComponent implements OnInit {
    $ : any;
  constructor() { } 

    ngOnInit() {


     $(document).ready(function(){
      $('#datetimepicker_mask').datetimepicker({
      timepicker:false,
      mask:true,
      });
      });



    }

}


[enter image description here][1]  

[1]:https://i.stack.imgur.com/7ge8c.jpg

"scripts": [
              "../node_modules/jquery/dist/jquery.min.js",
              "../node_modules/jquery-datetimepicker/build/jquery.datetimepicker.full.js"

任何答复将不胜感激。

1 个答案:

答案 0 :(得分:0)

只需在datetimepicker函数中添加ngOnInit对象

ngOnInit(){
  datetimepicker
}

非常有用