ant design vue组件DatePicker，刷新页面后报错未注册

最新推荐文章于 2024-02-20 15:00:58 发布
最新推荐文章于 2024-02-20 15:00:58 发布
阅读量792 收藏
点赞数
文章标签： vue.js 前端 ant
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoran_1997/article/details/122362359
版权 
"ant-design-vue": "^1.7.0",
"vue": "^2.6.11",

正常显示应该是这样：

结果页面一刷新就变这样了，还报错：

<a-range-picker> - did you register the component correctly?


解决方法，在用到 a-range-picker 组件的地方添加下面三行代码

import DatePicker from 'ant-design-vue/es/date-picker'
import Vue from 'vue'

Vue.use(DatePicker)

念宸yo
关注
使用vant ui的DatetimePicker组件导致页面卡死
BabyGod_Cheney的博客
11-07 3321
做项目的过程中使用到了vant ui里面的DatetimePicker时间选择器，导致页面卡死，究其原因原来是这个组件中绑定的min-date和max-date，不可以是一个实时的date对象，应该绑定的是一个存着date对象的变量 错误示例： <van-datetime-picker v-model="currentDate" type="date" @confirm="onVisaExpirationDateConfirm" :min-date="new Date()" :ma
ant design vue 组件随页面滚动漂浮，已解决a-select a-input a-date-picker
qq_45530512的博客
09-08 3165
ant design vue 组件随页面滚动漂浮，已解决a-select a-input a-date-picker
vue中使用daterangepicker遇到的小问题
qq_39544728的博客
11-23 4253
daterangepicker的初始化是在js加载完成后对页面代码中现有的元素进行初始化， 但是vue中使用V-if隐藏的日期组件，是无法正常进行daterangepicker的正常初始化的， 因此，想要做到隐藏日起组件并且成功初始化，只能用css手动隐藏
vue项目引入vant组件报错‘未注册’
艾丽的博客
02-01 1384
报错：export ‘ActionSheet’ was not found in ‘vant’ 在vue项目中引入的vant组件，看了官方文档，版本已经更新到2.几了，但是我本地只有1.6几。 在项目进行过程中很多组件都报错类似："export ‘ActionSheet’ was not found in ‘vant’； 查询到解决方式升级本地版本，升级命令： npm install vant@2.2.14 ...
ant-design-vue的日期组件a-range-picker赋值的问题
qq_36877078的博客
01-08 1696
发现此时就可以正常赋值了且不报错，但是问题又来了，打印变量发现变量的值也是moment，又需要再次进行转换，很麻烦。在使用ant-design-vue的日期组件时，总是会碰到赋值问题，习惯性的赋值就是直接给日期组件的变量赋值字符串类型，如下。这是因为该时间组件默认只能接收moment类型的时间，此时需要借助于moment插件来进行以下转换，如下。以上问题是因为没有指定valueFormat，指定该值后就不用来回转了，如下。此时单从页面上看，能成功赋值，但是控制台会报个错。查阅ant文档发现一个属性。
vue ant-design-vue DatePicker时间选择器使用方法
weixin_43447037的博客
09-09 2749
import Vue from “vue”; import { DatePicker } from ‘ant-design-vue’; import ‘ant-design-vue/dist/antd.css’; //设置中文 import moment from ‘moment’; import ‘moment/locale/zh-cn’ moment.locale(‘zh-cn’); Vue.use(DatePicker) data() { return { startTime: null...
ant design vue datepicker日期选择器中文化操作
01-18
按照ant design vue官方说明，使用日期选择器需要在入口文件(main.js)全局设置语言： // 默认语言为 en-US，如果你需要设置其他语言，推荐在入口文件全局设置 locale import moment from 'moment'; import 'moment/...
Ant design vue 的组件禁用属性 disabled.pdf
12-16
在Ant Design Vue这一流行的前端UI库中，`disabled`属性是一个关键特性，它允许开发者禁用用户对特定组件的操作，从而实现对用户交互的控制。禁用状态通常用于表示组件处于不可操作或非活动状态，这在许多场景下都是...
AntDesignVue一个基于AntDesign和Vue的企业级UI组件库
08-14
在实际项目中，例如`vueComponent-ant-design-vue-e94a0f0`这个文件夹中的示例，我们可以看到如何将AntDesignVue组件整合到Vue项目中，创建一个完整的页面。这通常包括导入所需组件、定义组件结构、绑定数据和事件...
关于AntDesignVue的DatePicker日期选择框组件开始、结束时间日期限制的方法
07-14
你可以使用Ant Design Vue的DatePicker组件来实现开始和结束时间的日期限制。下面是一种常见的方法： 首先，你需要在Vue组件中导入DatePicker组件： ```javascript import { DatePicker } from 'ant-design-vue'; ...
Vue报错: did you register the component correctly? For .., make sure to provide the "name" option(已解决）
热门推荐
荒原
06-02 5万+
提示如图 这个问题有三种情况会触发: 1.如果全局注册,组件名称问题: 若是组件名称是大写,Vue会报错. 可以修改为下面两种: 1.修改组件名称为小写,即mycomponent即可解决. 2.如使用局部注册,则是components少写了个s: 3.看看你所渲染的Vue实例是不是在组件前面,若在前面创建实例,则无法读取到后面创建的组件. ps:B主出现...
wdatepicker ajax传参,DatePicker在Ajax加载的页面中不起作用
weixin_34233720的博客
08-05 201
我将datepicker附加到全局脚本文件中的输入中，如下所示：$(document).on("focusin",".datePick", function () {$(this).datepicker({dateFormat: "dd/mm/yy",changeMonth: true,changeYear: true,onClose: function () { $(this).valid();...
DatePicker在studio中样式改变，显示年月，隐藏日的时候同时出现崩溃
Center.wei的专栏
05-23 735
DatePicker 在studio中显示年月，隐藏日崩溃解决方法
DatePicker遇到的一些问题
cc112837的博客
06-28 851
记录下Datapicker遇见的问题，本来想要一个这样的效果： 后来发现在布局页面布局并没有显示： 1.在AndroidManifest.xml中发现整个应用使用的主题是Theme.AppCompat.Light.NoActionBar，而Datapicker想要显示成该样式需要设置成Holo主题。 2.为了与原先应用设置的透明状态栏一致，选择了Theme.Holo.NoAct
解决 antd 老版本datepicker选择无法自动关闭
最新发布
qq_52630125的博客
02-20 642
【代码】解决 antd 老版本datepicker选择无法自动关闭。
一个页面使用两次timepicker.js引起的Maximum call stack size exceeded问题解决办法及bug修复
never_say_goodbye的专栏
03-07 3557
可能大多数人用过，jquery ui组件中，有个叫datepicker的，用来接收用户输入的日期，截图如下：             这个控件的缺点是不能选择时分秒，如项目中需要的输入时分秒这样的数据，就有点遗憾了。不过幸好有了下面这一款插件的出现，那就是timepicker，专门针对datepicker的这个弱点，添加了选择时分秒的功能，截图如下：              这样一来，就
ant-design日期组件DatePicker国际化失效
CRongbo的专栏
08-30 1725
解决:ant-design日期组件DatePicker国际化失效
Vue报错—— Unknown custom element: [mpvue-picker] - did you register the component correctly...解决办法
weixin_43495390的博客
01-15 3946
问题如下: 解决办法： 一，问题分析出自哪里： 首先解析下这个报错是啥意思： “未知的自定义组件：-是否正确注册了该组件？对于递归组件，请确保提供“name”选项…” 这就很清楚了，原来是自定义组件name或者是未正确引入自定义组件； 二：解决问题： 1、是否在页面上注册组件 正确注册组件： 2、是否在页面上引入正确写好的组件（本文以mpvuePicker.vue为例，组件路径：@/compon...
elementUI 日期时间选择器el-date-picker开始时间与结束时间约束
weixin_30758821的博客
09-18 6317
主要思路：el-date-picker组件需要 :picker-options属性，属性值为data,data的数据来自于methods中的方法。 ##template代码 <el-form-item label="开始时间" prop="startTime" > <el-date-picker v-model="form.startTime" format="yyyy-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值