使用原生小程序组件Picker自定义日期时间选择器

在小程序中，使用Picker组件来创建一个自定义的日期时间选择器涉及到多个选项（年、月、日、时、分、上午/下午），以下是一个简化版的示例代码：

<view class="picker">
  <picker mode="multiSelector" bindchange="bindChange" bindcolumnchange="bindColumnChange" value="{{value}}" range="{{multiArray}}">
    {{multiArray[0][year]}}-{{multiArray[1][month]}}-{{multiArray[2][day]}} {{hour}}:{{minute}} {{ampm}}
  </picker>
</view>

Page({
  data: {
    multiArray: [], // 存储所有年月日时分的数组
    value: [0, 0, 0, 0, 0], // 默认选中的值
    year: 0, // 年的索引
    month: 0, // 月的索引
    day: 0, // 日的索引
    hour: '00', // 小时
    minute: '00', // 分钟
    ampm: '上午', // 上午或下午
  },
  onLoad: function () {
    this.initMultiArray();
  },
  initMultiArray() {
    // 初始化多列数据
    // ...
  },
  bindChange(e) {
    // 选中项发生改变时的处理
    // ...
  },
  bindColumnChange(e) {
    // 列改变时的处理
    // ...
  },
  // 其他方法如处理上午下午、时间的显示等
});

这个示例只提供了基本框架，实际的initMultiArray、bindChange、bindColumnChange方法需要根据实际的逻辑来填充，比如生成年月日时分的数组、处理用户选择导致的数据变化等。此外，样式（CSS）和逻辑（JavaScript）需要进一步完善以确保选择器的正常工作和用户体验。