clock-picker באנגולר8

[רותי ויעל]

אני צריכה לעשות clock-picker בפרויקט שלי באנגולר 8
ראיתי שיש דרך לעשות את זה אבל שהשעון נפתח כמין מודל
ואני רוצה שיפתח ריבוע קטן מעל הכפתור.

אולי מישהו יוכל להסביר לי איך עושים כמו בקישור הבא http://weareoutman.github.io/clockpicker/jquery.html

מה צריך להתקין?
מה צריך להוסיך?

תודה רבה!!

 

[קדקוד]

תנסי לראות כאן:
https://stackoverflow.com/questions/43366449/angular2-clockpicker

 

[רותי ויעל]

תודה רבה!!
עשיתי כמו שכתוב שם אבל זה לא עובד
יצרתי directive אבל $ לא מקבל את הפונקציה שיש בclockpicker.js
אני מצרפת את הקוד

export class ClockpickerDirective implements OnInit {

  constructor(private el: ElementRef) {}

  ngOnInit(): void {
    debugger;
    $(this.el.nativeElement).clockpicker({
      placement: 'bottom',
      align: 'left',
      donetext: 'Done',
      afterDone: () => {
        console.log('done');
      }
    });
  }
}

ב angular.json

"styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "../node_modules/clockpicker/dist/bootstrap-clockpicker.min.css"
 ],
 "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js",
    "../node_modules/clockpicker/dist/bootstrap-clockpicker.min.js"
  ],

אשמח לשמוע מה יכולה להיות הבעיה

 

[קדקוד]

איזו שגיאה את מקבלת?
האם עשית ng serve מחדש אחרי עדכון הangular.json?

 

[babarbara]

אני מריצה שוב
ואני מקבלת שגיאה שהוא לא מכיר את הפונקציה
clockpicker.

$ לא מקבל את כל המאפיינים והפונקציות.

 

[קדקוד]

איפה הוספת את זה?
declare var $: any;
declare var jQuery: any;

 

[babarbara]

ב directive.
תודה על כל העזרה, זה הסתדר לי
היה בעיה ב angular.json