uniapp项目 插件市场下载pdd-date-picker【年月日选择器】路径不对的问题

**发现这个插件用起来很多问题 所以不建议大家用哈 换一个插件 **
给大家推荐uniapp自带的日期插件 也超级好用

uniapp自带的日期插件

如果想修改路径的可以参考这个

从HBuilder插件市场下载pdd-date-picker年月日插件之后 按照t它的官方问的进行引入你会发现路径不对,我们需要再自己的项目中重新去查看一下路径
下面是官方文档给出的路径

import pddDatePicker from '../../components/pdd-date-picker/index.vue'

我们需要将上面的路径改成下面的

import pddDatePicker from '@/uni_modules/pdd-date-picker/components/pdd-date-picker/pdd-date-picker.vue'

下面是具体的内容

<template>
    <view class="content">
        <button type="default" @click="open">打开选择器</button>
        <text>当前选择时间是:{{ dateValue }}</text>
        <!-- 日期选择器 -->
        <pdd-date-picker ref="pDataSelect" @change="handleChangeDate" :title="title" />
    </view>
</template>

<script>
	// 这个路径有问题 他正常是
   // import pddDatePicker from '../../components/pdd-date-picker/index.vue'//这个是官网给出的路径 不对
    //我们可以到我们的项目src路径下看看是否在uni_modules中 我的项目是下载在这个路径下的
	import pddDatePicker from '@/uni_modules/pdd-date-picker/components/pdd-date-picker/pdd-date-picker.vue'
    export default {
        components: {
            pddDatePicker
        },
        data() {
            return {
                title: '自定义标题',
                dateValue: ''
            }
        },
        methods: {
            /**
             * @description 打开选择框
             */
            open() {
                this.$refs.pDataSelect.open()
            },
            /**
             * @description 日期改变回调
             */
            handleChangeDate(date) {
                console.log(date)
                this.dateValue = date
            }
        }
    }
</script>

你可能感兴趣的:(uni-app,前端,javascript)