如何将日期标记器的下拉列表重新定位到输入表单的上方？

<input type="text" id="date-input">
<div id="date-picker-container">
  <!-- 日期标记器的下拉列表内容 -->
</div>

#date-picker-container {
  position: absolute;
  z-index: 9999;
}

var input = document.getElementById('date-input');
var container = document.getElementById('date-picker-container');

input.addEventListener('click', function() {
  var inputRect = input.getBoundingClientRect();
  var containerHeight = container.offsetHeight;

  // 计算日期标记器容器元素的位置
  var top = inputRect.top - containerHeight;

  // 设置日期标记器容器元素的位置
  container.style.left = inputRect.left + 'px';
  container.style.top = top + 'px';
});