></uni-datetime-picker>
</view>
</template>
<script>
export default {
data() {
return {
minDate: new Date(), // 设置为当前时间
value: new Date(),
};
},
methods: {
handleChange(date) {
console.log(date);
},
},
};
</script>
卖火柴的咖啡猫
- 发布：2023-07-10 16:41
- 更新：2023-07-13 16:02
- 阅读：1045
产品分类： uniCloud/App
示例代码：
<template>
<view>
<uni-datetime-picker
minDate="minDate"
value="value"
@change="handleChange"
></uni-datetime-picker>
</view>
</template>
></uni-datetime-picker>
</view>
</template>
操作步骤：
<template>
<view>
<uni-datetime-picker
minDate="minDate"
value="value"
@change="handleChange"
></uni-datetime-picker>
</view>
</template>
<script>
export default {
data() {
return {
minDate: new Date(), // 设置为当前时间
value: new Date(),
};
},
methods: {
handleChange(date) {
console.log(date);
},
},
};
</script>
></uni-datetime-picker>
</view>
</template>
<script>
export default {
data() {
return {
minDate: new Date(), // 设置为当前时间
value: new Date(),
};
},
methods: {
handleChange(date) {
console.log(date);
},
},
};
</script>
预期结果：
<template>
<view>
<uni-datetime-picker
minDate="minDate"
value="value"
@change="handleChange"
></uni-datetime-picker>
</view>
</template>
<script>
export default {
data() {
return {
minDate: new Date(), // 设置为当前时间
value: new Date(),
};
},
methods: {
handleChange(date) {
console.log(date);
},
},
};
</script>
></uni-datetime-picker>
</view>
</template>
<script>
export default {
data() {
return {
minDate: new Date(), // 设置为当前时间
value: new Date(),
};
},
methods: {
handleChange(date) {
console.log(date);
},
},
};
</script>
实际结果：
<template>
<view>
<uni-datetime-picker
minDate="minDate"
value="value"
@change="handleChange"
></uni-datetime-picker>
</view>
</template>
<script>
export default {
data() {
return {
minDate: new Date(), // 设置为当前时间
value: new Date(),
};
},
methods: {
handleChange(date) {
console.log(date);
},
},
};
</script>
></uni-datetime-picker>
</view>
</template>
<script>
export default {
data() {
return {
minDate: new Date(), // 设置为当前时间
value: new Date(),
};
},
methods: {
handleChange(date) {
console.log(date);
},
},
};
</script>
bug描述：
uni-datetime-picker插件无法设置当前时间为最小值，怎么改都不行
昭昭L - 开心就好
picker-options这个属性是element的时间选择器的
-
-
卖火柴的咖啡猫 (作者)
哈哈，竟然解决了，不可思议，就很少的代码，贴上来给有需要的朋友，先给起始时间定义变量，:start="startDate" :end="endDate"，然后mounted() {
// 获取当前日期并设置为 startDate 的值
const currentDate = new Date();
this.startDate = uni.getSystemInfoSync().version >= 1.2 ? currentDate.getFullYear() + '-' + (currentDate.getMonth() + 1) + '-' + currentDate.getDate() : currentDate.toLocaleDateString();
},获取当前日期设置为开始日期就可以啦，谢谢你哈2023-07-13 15:55
卖火柴的咖啡猫 (作者)
好的，谢谢哦，我只是觉得这么简单的常用需求官方应该有才对，为什么那么多方法无效，不知道算不算bug
2023-07-10 17:41