我只要一个选择框

抱歉，我之前的回答有误，layui 的日期范围选择器默认是两个选择框，如果您只需要一个选择框，可以使用 layui 的日期时间选择器（laydate），具体实现步骤如下：

1. 引入 layui 的日期时间选择器组件：

<link rel="stylesheet" href="//cdn.staticfile.org/layui/2.5.6/css/layui.css">
<script src="//cdn.staticfile.org/layui/2.5.6/layui.js"></script>

2. 创建一个固定宽度的容器用于显示日期时间选择器：

<div class="layui-inline" style="width: 300px;">
  <input type="text" name="date" class="layui-input" id="test-laydate" placeholder="请选择时间">
</div>

3. 在 JS 中初始化日期时间选择器：

layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  //执行一个laydate实例
  laydate.render({
    elem: '#test-laydate', //指定元素
    type: 'datetime', //设定时间格式为年-月-日 时:分:秒
    trigger: 'click', //设定触发事件为点击事件
    done: function(value, date){ //选择完成后的回调函数
      $('#test-laydate').val(value); //将选择的时间显示在选择框中
    }
  });
  
  //设置选择框的样式
  $('.layui-laydate').addClass('layui-laydate-single');
  $('.layui-laydate-main').css({
    left: '50%',
    marginLeft: '-150px',
    top: '40px',
    boxShadow: 'none',
    border: 'none'
  });
  $('.layui-laydate-header').css({
    backgroundColor: '#1E9FFF',
    color: '#fff'
  });
  $('.layui-laydate-content td, .layui-laydate-footer .layui-btn').css({
    backgroundColor: '#fff',
    color: '#333'
  });
});

通过以上步骤，您就可以成功实现 layui 的日期时间选择器，一个选择框的功能了。希望能对您有所帮助。