Cannot get jQuery call right for eternicode Bootstrap datepicker

问题

I have been trying out the eternicode/bootstrap-datepicker (https://github.com/eternicode/bootstrap-datepicker). I tried out the sandbox (http://eternicode.github.io/bootstrap-datepicker/) and just wanted to use the "Component" version with "Today" highlighted.

I have two problems which I think are the same thing: 1) the date doesn't show up when you click on the glyphicon only when you click in the input space and 2) I cannot get the "Today" highight working.

I am 99% sure it is the jQuery call that is wrong. I have tried all sorts to get it to fire as per Sandbox etc but my JS/jQuery is just not up to the job.

(The timepicker (https://github.com/jdewit/bootstrap-timepicker) works fine without a jQuery launch script for now).

Part of the problem is that when I download a zip from GitHub there are two .less files both of which (I think) are Bootstrap2.

Any help gratefully recieved.

<div class="form-group col-sm-3 colFlushL">
    <label class="control-label" for="zaq-timeSimple">Time</label>
    <div class="input-group bootstrap-timepicker timepicker colFlush ">
        <input id="timepicker1" type="text" name="arse"
               class="form-control">
        <span class="input-group-addon"><i
                class="glyphicon glyphicon-time"></i></span>
    </div>
</div>

<div class="form-group col-sm-3 colFlush"  id="zaq-startDate">
    <label class="control-label" for="zaq-startDate">Start Date</label>
    <div class="input-group colFlush">
        <input type="text" class="form-control date" name="datepicker"
               data-provide="datepicker">
        <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
    </div>
</div>

Here is the latest version of my jQuery attempt which is I am 95% sure horrendous.

<script>
$('.datepicker.date').datepicker.(
    {
        todayHighlight: true
    }
)
</script>

NB According to phpStorm date is NOT a class defined anywhere which I presume includes the .less file

PS I should have said the two date pickers on the page ARE 100% passing the value of the dates through with the form.

回答1:

OK this was a typo (or more accurately newb lack of jQuery understanding!!)

$('.datepicker.date').datepicker.(

should have been

$('.datepicker.date').datepicker(

IE I stuck in an extra period. (And that cost me at least two hours! D'oh!)

来源：https://stackoverflow.com/questions/33752771/cannot-get-jquery-call-right-for-eternicode-bootstrap-datepicker

标签

javascript

jquery

twitter-bootstrap

datepicker