uniapp uni-datetime-picker在顶部显示

### 调整 `uni-datetime-picker` 组件位置至页面顶部

为了使 `uni-datetime-picker` 组件显示在页面顶部，可以通过自定义样式来调整其布局。具体方法是在项目中的 CSS 或者 scoped 的 `<style>` 标签内定义特定的类，并应用这些样式。

对于 `uni-datetime-picker` 组件而言，可以创建一个新的类名为 `.top-positioned-datepicker` 并将其应用于该组件：

.top-positioned-datepicker {
    position: fixed;
    top: 0;
    width: 100%;
}

接着，在模板部分使用此新类名替换原有的默认类名：

<template>
  <!-- ...其他代码... -->
  <uni-datetime-picker class="top-positioned-datepicker"></uni-datetime-picker>
  <!-- ...其他代码... -->
</template>

<style scoped>
/* 定义新的CSS规则 */
.top-positioned-datepicker {
    position: fixed;
    top: 0;
    width: 100%;
}
</style>

上述操作能够确保 `uni-datetime-picker` 显示于屏幕顶端[^1]。

需要注意的是，当改变组件的位置时可能会影响到用户体验和其他交互逻辑。因此建议测试不同场景下的表现并做适当优化。