uniapp日期选择器有开始时间和结束时间完整代码

以下是uniapp日期选择器有开始时间和结束时间的完整代码示例：

<template>
  <view class="container">
    <view class="form-item">
      <text>开始时间：</text>
      <picker mode="date" :value="startDate" @change="onStartDateChange">
        <view class="picker">{{ startDateStr }}</view>
      </picker>
    </view>
    <view class="form-item">
      <text>结束时间：</text>
      <picker mode="date" :value="endDate" @change="onEndDateChange" :start="startDate">
        <view class="picker">{{ endDateStr }}</view>
      </picker>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      startDate: '',
      endDate: '',
      startDateStr: '',
      endDateStr: ''
    }
  },
  methods: {
    onStartDateChange(e) {
      this.startDate = e.detail.value
      this.startDateStr = this.formatDate(this.startDate)
    },
    onEndDateChange(e) {
      this.endDate = e.detail.value
      this.endDateStr = this.formatDate(this.endDate)
    },
    formatDate(date) {
      const year = date.getFullYear()
      const month = date.getMonth() + 1
      const day = date.getDate()
      return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`
    }
  }
}
</script>

<style>
.container {
  padding: 20rpx;
}

.form-item {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}

.picker {
  margin-left: 10rpx;
}
</style>

在模板中，我们使用了两个picker组件来分别选择开始时间和结束时间。这里需要注意的是，我们在结束时间的picker组件中设置了`start`属性，将其值设为开始时间的值，这样就可以让结束时间的选择器只能选择开始时间之后的日期。

在data中，我们定义了四个变量，分别用于保存开始时间、结束时间、开始时间的字符串格式和结束时间的字符串格式。

在methods中，我们实现了两个方法，分别是`onStartDateChange`和`onEndDateChange`，用于处理选择器的值改变事件。在这两个方法中，我们将选择器的值保存到对应的变量中，并将对应的字符串格式保存到对应的字符串变量中。我们还实现了一个`formatDate`方法，用于将日期对象格式化为字符串。

最后，在样式中，我们对容器、表单项和选择器进行了一些基本的样式设置。