javascript - 在输入点击时使 Bootstrap 时间选择器弹出

Question

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

然后我在我的元素中实现了它的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");

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

Answer 1

使用这个javascript

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

});

或

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

});

在你的代码之后

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