CODEWITHSUNDEEP
highcharts
rlsaj
rlsaj

Reputation: 735

Using Bootstrap Datepicker with Highcharts

I am trying to implement the solution here: Highstock + Bootstrap datepicker but I end up with an Undefined error in my console.

jsFiddle: http://jsfiddle.net/rlsaj/r6es2jyc/. 

  setTimeout(function () {
        $('input.highcharts-range-selector', $(chart.container).parent())
            .datepicker({
            format: "dd/mm/yyyy",
            todayBtn: "linked",
            orientation: "auto left",
            autoclose: true,
            todayHighlight: true
        });
    }, 0);

My goal is to implement the Angular Bootstrap datepicker (http://angular-ui.github.io/bootstrap/) but I think I can solve that if the above fiddle can be fixed.

Upvotes: 2

Views: 2770

Answers (1)

Mark
Mark

Reputation: 108557

1.) bootstrap requires a more recent jQuery version.

2.) bootstrap does not contain a native datepicker. I imagine you want to use this, so you'll need to source it in:

<script src="http://rawgit.com/eternicode/bootstrap-datepicker/release/js/bootstrap-datepicker.js"></script>

3.) setDefaults is a method of jquery-ui's datepicker not the bootstrap implementation I link above.

Updated fiddle.

Upvotes: 1

Related Questions