在输入点击

时间:2016-02-23 11:01:50

标签: javascript jquery css twitter-bootstrap timepicker

我试图创建一个时间戳 使用此here

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

我只是拥有此代码,无法为glyphicons添加新控件

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以获得timepicker fire? 有什么帮助吗?

修改 这是我的新javascript调用

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

现在我可以显示timepicker弹出窗口,但它看起来很宽 我试试这个

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

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

1 个答案:

答案 0 :(得分:3)

使用此javascript

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

});

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

});

代码

之后
$(".timepicker").timepicker();