Javascript 在输入单击时使引导计时器弹出

我试图创建一个时间选择器 用这个

然后我在我的项目中实现了它的js和css。 但是当我点击它时，弹出窗口没有出现

我只有这段代码，无法向图标添加新控件

TextBox control = new TextBox { ID = _TimeFieldID + item.BlueprintFieldId, CausesValidation = true, EnableViewState = true, CssClass = "form-control timepicker margin-top-none metadatacontrol", Width = new Unit(ctrWidth + "%") };

并在javascript中使用

$(".timepicker").timepicker();

如何使其在文本框单击中显示为弹出窗口？ 如何让js在点击输入字段时触发时间选择器？ 有什么帮助吗

编辑： 这是我的新javascript调用

  $(".timepicker").timepicker();    
    $('.timepicker').click(function () { 
        $('.bootstrap-timepicker-widget.dropdown-menu').show(); 
    });

现在我可以显示计时器弹出窗口，但它看起来很宽 我试试这个

  $('.bootstrap-timepicker-widget.dropdown-menu').css("display", "inline-block");

此代码显示弹出窗口。现在，需要将弹出窗口的宽度设置为与输入的宽度相同。

使用此javascript

$('.timepicker').focus(function (){
$('.timepicker').timepicker('showWidget');

});

或

在你的代码之后

$(".timepicker").timepicker();

使用这个javascript

$('.timepicker').focus(function (){
$('.timepicker').timepicker('showWidget');

});

或

在你的代码之后

$(".timepicker").timepicker();

---

如果是在文档中还是在文档外，似乎没有区别。ReadyId是否添加bootstrap-timepicker.css？如果是在文档中还是在文档外，似乎没有区别。ReadyId是否添加bootstrap-timepicker.css？