how to call jquery's datepicker in angular?

Question

I have installed jquery and jquery types and also tested the inclusion of jquery, by simply implementing a jquerys click function. The problem is that i am unable to call datepicker function. Here is the plunker link: http://plnkr.co/edit/3meCZf3Myg4VGzKv5x3u?p=preview This is how i have called datepicker in my component,

ngOnInit() { 
        $(function() {
            (<any>$( ".datepicker" )).datepicker();
        });
        $(".datepicker" ).change(()=>{
            let startDate =  $( "#startdate" ).val();
            let endDate =  $( "#enddate" ).val();        
            this.singleFilmEventFormService.formGroup.patchValue({
                startDate: startDate,
                endDate: endDate            
            });
        });           
    }

The angular is complaining that TypeError: $(...).datepicker is not a function

yes. I tried to call jquerys click button click function, it is working. — anonymous
– anonymous, Commented Jun 8, 2017 at 16:07
here is the code in plunker, plnkr.co/edit/3meCZf3Myg4VGzKv5x3u?p=preview — anonymous
– anonymous, Commented Jun 8, 2017 at 17:50

MichaelSolati · Accepted Answer · 2017-06-08 16:08:10Z

1

In the top of your component file, with your import statements, try adding the following line.

declare var $: any;

Should set the $ as a variable/function/class.

answered Jun 8, 2017 at 16:08

MichaelSolati

2,8721 gold badge19 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MichaelSolati Over a year ago

Is it public on Github? Or can we get a plunkr, or gist?

Collectives™ on Stack Overflow

how to call jquery's datepicker in angular?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related