Question

我正在使用Bootstrap日期时间选择器（bootstrap-datetimepicker.min.js）作为我的代码的一部分。

在DIV标签下使用class =“modal fade”，这将打开第一个弹出窗口，现在在第一个弹出窗口中有一个日期时间选择器，点击选择器它显示第二个弹出窗口的时间但它隐藏/不专注。我想将焦点从第一个弹出窗口移到第二个弹出窗口。我怎样才能做到这一点？

先谢谢。

Answer 1

bootstrap datetimepicker控件有一个span标记，可以在点击日历时显示日历。要将焦点设置到控件，只需模拟此span标记的触发事件。这是完整的例如：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" />
<script src="https://cdn.jsdelivr.net/momentjs/2.13.0/moment.min.js"></script>
<script src="//code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
    $(function () {

        $('#datetimepicker1').datetimepicker();

        $("#btnSetFocus").focus(function () {
            $('.input-group-addon').trigger("click");
        });

    });
</script>
<input type="button" value="Set Focus" id="btnSetFocus" />
<div class="form-group">
    <div class='input-group date' id='datetimepicker1'>
        <input type='text' class="form-control" />
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
</div>

Answer 2

您可以使用焦点元素功能将焦点设置为任何元素。尝试下面的代码一次：

void do_something(char* str)
{
    char new = ++str[0];
    printf("%c %s\n", new, str);
}

如何聚焦bootstrap日期时间选择器？

2 个答案: