js中怎么在input框旁加日历选择

在JavaScript中，可以使用第三方库或自己编写代码来实现在input框旁加日历选择功能。其中比较常用的库有jQuery UI和Bootstrap Datepicker。

如果使用jQuery UI，可以在HTML代码中添加一个input元素和一个空的div元素，然后在JavaScript代码中调用datepicker()方法将日历选择器绑定到input元素上，同时将日历选择器的HTML代码插入到空的div元素中。示例代码如下：

HTML代码：

<input type="text" id="datepicker">
<div id="datepicker-container"></div>

JavaScript代码：

$(function() {
  $("#datepicker").datepicker({
    showOn: "button",
    buttonImage: "calendar.png",
    buttonImageOnly: true,
    buttonText: "Select date",
    onSelect: function(dateText) {
      // 处理选择日期后的逻辑
    }
  });
});

如果使用Bootstrap Datepicker，可以在HTML代码中添加一个input元素，然后在JavaScript代码中调用datepicker()方法将日历选择器绑定到input元素上。示例代码如下：

HTML代码：

<input type="text" id="datepicker">

JavaScript代码：

$(function() {
  $("#datepicker").datepicker({
    format: "yyyy-mm-dd",
    autoclose: true,
    todayHighlight: true
  });
});

以上是两个库的基本使用方法，具体实现还需要根据具体需求进行调整。