Javascript 如何使引导时间选择器关闭？

设置时间后，如何关闭第二个时间选择器？即使我点击网页上的提交按钮，它也会保持打开状态

HTML代码：

<div class="container">
     <h1>Select Two Times</h1>

    <form>
        <br />
        <input type="text" data-bind="value: startTime" name="start_time" class="timepicker" placeholder="h:mm PM" data-default-time="false"></input>
        <input type="text" data-bind="value: endTime" name="start_time" class="timepicker" placeholder="h:mm PM" data-default-time="false"></input>

    </form>
     <button data-bind="click: submit">Click Me</button>
    <br />
    <p>You selected: <span data-bind="text: timeSpan"></span></p>
</div>

演示：

$(function () {
    $('.timepicker').timepicker();
    function ViewModel() {
        var self = this;
        self.startTime = ko.observable();
        self.endTime = ko.observable();
        self.timeSpan = ko.computed(function () {
            return self.startTime() + " - " + self.endTime();
        }, this);

        self.submit = function () {
            alert("Time submitted");
        };
    }

    ko.applyBindings(new ViewModel());

});

$('.bootstrap-timepicker-widget').removeClass('open');