<div id="date-picker" class="date-picker"> <div class="opt"></div> <div class="opt"></div> <div class="opt"></div> </div>给其添加滑动事件

根据提供的引用内容，可以看出你想要给一个id为"date-picker"的div元素添加滑动事件。在这种情况下，你可以使用JavaScript来实现这个功能。下面是一个示例代码，演示如何给该div元素添加滑动事件：

var datePicker = document.getElementById("date-picker");

datePicker.addEventListener("touchstart", function(event) {
  // 记录滑动开始时的位置
  this.startX = event.touches[0].clientX;
  this.startY = event.touches[0].clientY;
});

datePicker.addEventListener("touchmove", function(event) {
  // 计算滑动距离
  var deltaX = event.touches[0].clientX - this.startX;
  var deltaY = event.touches[0].clientY - this.startY;

  // 根据滑动距离执行相应的操作
  if (Math.abs(deltaX) > Math.abs(deltaY)) {
    // 水平滑动
    if (deltaX > 0) {
      // 向右滑动
      console.log("向右滑动");
    } else {
      // 向左滑动
      console.log("向左滑动");
    }
  } else {
    // 垂直滑动
    if (deltaY > 0) {
      // 向下滑动
      console.log("向下滑动");
    } else {
      // 向上滑动
      console.log("向上滑动");
    }
  }
});

上述代码使用了`touchstart`和`touchmove`事件来实现滑动功能。当用户开始滑动时，`touchstart`事件被触发，记录滑动开始时的位置。随后，当用户滑动时，`touchmove`事件被触发，计算滑动距离，并根据滑动距离执行相应的操作。