在输入点击时制作 bootstrap timepicker 弹出窗口

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");

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

Answer 1

使用这个javascript

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

});

或

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

});

在你的代码之后

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

在输入点击时制作 bootstrap timepicker 弹出窗口

Make bootstrap timepicker popup on input click

javascript

css

jquery

timepicker

twitter-bootstrap