uni-app之picker选择器、打包、ucharts

最新推荐文章于 2024-09-11 19:51:26 发布

八九。

最新推荐文章于 2024-09-11 19:51:26 发布

阅读量1.3k

点赞数 1

分类专栏：前端文章标签：前端 javascript css

本文链接：https://blog.csdn.net/weixin_51924238/article/details/127705993

版权

本文介绍了在uni-app中使用picker选择器实现时间选择功能，包括判断下单时间并设置时间禁用条件。同时，文章详细讲解了uni-app的打包流程，区分安卓与苹果的打包设置。此外，还分享了如何在uni-app中集成ucharts图表插件，提供了组件引用方式和代码实例。

摘要由CSDN通过智能技术生成

11月4日

1、选择器

用到uniapp里的picker内置组件

2、选择时间功能

2.1、

2.2、需求

在11点前下单，显示明天上下午，11点后下单显示后天上下午
- 判断这个小时数是否大于11,如果大于了要怎么样,小于了又怎么样

页面简单布局

html

<view class="freight">
            <view class="dev">配送时间:</view>
            <picker @change="bindPickerChange" :value="index" :range="array" :disabled="disabled">
                <view class="text">{
        {array[index]}}</view>
            </picker>
            <!-- <image src="../../static/img/account-right.png" mode="" class="img"></image> -->
        </view>

再data中定义


export default{
    data(){
        return{
            array:['明天上午(8:00-10:00)','明天下午(13:00-21:00)','后天上午(8:00-10:00)','后天下午(13:00-21:00)']
            index：0  // 默认显示索引为0的时间
            disabled:false
        }
    },
    methods:{
       bindPickerChange: function(e) {