js中怎么在input框旁加日历选择以及时间设置

可以使用Bootstrap Datetimepicker库来实现在input框旁加日历选择以及时间设置。

首先，需要在页面引入Bootstrap Datetimepicker库的必要头文件，具体可以参考我之前回答的问题。

接着，在需要加入日历选择和时间设置的input框的HTML代码中，加入以下代码：

<div class='input-group date' id='datetimepicker'>
    <input type='text' class="form-control" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

其中，class为`input-group date`的div标签代表整个日期时间选择器，class为`form-control`的input标签为输入框，class为`input-group-addon`的span标签代表日历图标。

最后，在页面的JavaScript代码中，使用以下代码初始化日期时间选择器：

$(function () {
    $('#datetimepicker').datetimepicker({
        format: 'YYYY-MM-DD HH:mm:ss'
    });
});

其中，`#datetimepicker`为选择器，代表初始化id为`datetimepicker`的日期时间选择器；`format`为日期时间的显示格式，可以根据需求进行修改。

这样就可以在input框旁加入日历选择和时间设置了。