a-data-picker本地有效，测试无效解决方案

最新推荐文章于 2024-05-23 11:29:26 发布

Hyao-J

最新推荐文章于 2024-05-23 11:29:26 发布

阅读量251

点赞数

文章标签： javascript vue.js vue 前端框架

本文链接：https://blog.csdn.net/qq_48492312/article/details/129726987

版权

问题

再本地上可以进行点击，但在测试环境上能展示面板，点击失效
在这里插入图片描述

解决方案

将  .env.test  改成   .env.sanbox
同样  package.json     中   script    build:test   中的    vite build --mode test改为     vite build --mode sandbox

参考地址：http://t.csdn.cn/Trcwn

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Hyao-J

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
a-data-picker本地有效，测试无效解决方案

在本地上可以进行点击，但在测试环境上能展示面板
复制链接

扫一扫

uni-app uni-data-picker 省市区数据表

06-16

<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。适用于uni-app使用uni-data-picker实现省市区选择器的json数据

a-color-picker:Web应用程序的颜色选择器

05-02

请参阅用法包含acolorpicker.js < script type =" text/... 或需要a-color-picker const AColorPicker = require ( 'a-color-picker' ) ; 调用此JavaScript函数AColorPicker . from ( 'div.container' ) ;

参与评论您还未登录，请先登录后发表或查看评论

解决ant-design Vue3.x中的date-picker弹出事件无效

ekko8847的博客

03-15

527

MutationObserver的使用

antd+vue3 解决微前端日期选择器测试环境无法选中的问题

Lonely_L9的博客

03-13

1065

在这里我增加了焦点事件，来手动控制选择区域的显示，因为经过排查无法选中日期是因为点击选中时还没有触发这个点击事件，选择区域就已经关闭了，下面是js。最近在项目中遇到一个问题需要引入antd的日期插件，本地是可以正常选择使用的，发到测试环境出现可以打开日期组件却无法选中日期的问题。

Antd DatePicker Invalid date问题：点击DatePicker右侧图标后出现Invalid date和NaN

最新发布

u010234868的专栏

05-23

305

点击DatePicker右侧图标后出现上图的Invalid date和NaN，在时间发生变化的回调onChange事件中打印发现，date为null，dateString为''。DatePicker的value属性做空值判断即可。

antdesign的时间date出现Invalid

懒羊羊懒羊羊

08-10

1228

【代码】antdesign的时间date出现Invalid。

ANTD DatePicker设置默认值无效

fly_or的博客

05-14

3819

需求：DatePicker组件以“YYYY-MM-DDHH:MM:SS ”格式做时间选择，默认值为当前时间初始解决方案：DatePicker采用valueFormat限定格式，采用moment.js获取当前时间 <a-date-picker :defaultValue="currentTime" valueFormat="YYYY-MM-DD HH:MM:SS" show-time v-model="formItemDataSet.yxjzsj" .

a-date-picker踩坑Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to se

浮游的博客

12-24

7539

在Vue中datePicker的使用是比较多的，但是用到a-date-picker的时候难免会遇到一下预料之外的事情。在设置默认值这个事情上，就给了当头一棒，设置老不成功。踩坑先说如何踩坑，在一般思维观念上，a-date-picker绑定一个model，然后model在初始赋值，值直接用字符串赋值，这就遇上事了。报错：Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty

react-native-modal-datetime-picker：适用于Android和iOS的React-Native datetime-picker

01-30

$ npm i react-native-modal-datetime-picker @react-native-community/datetimepicker # using yarn $ yarn add react-native-modal-datetime-picker @react-native-community/datetimepicker 请注意， @react-...

el-date-picker 英文改中文.doc

11-18

https://blog.csdn.net/xuelang532777032/article/details/121287203,内有博客截图，方便没有vip的小伙伴下载

el-data-picker季度区间选择器

08-02

"el-data-picker季度区间选择器"就是这样一个组件，它专为基于ElementUI 2.15.8和Vue.js 2框架的应用设计。这个组件允许用户方便地选取特定时间范围内的季度，提高用户在数据过滤、检索或分析时的效率。 ElementUI...

Antd DatePicker Invalid date问题

yue200403的博客

09-01

6029

1.问题类型一：填了日期后，点击日期后的叉号后，变成如上图。 <DatePicker value={sourceData.m == undefined ? null : moment(sourceData.m, dateFormat)} format={dateFormat} onChange={(dataString) => changeInput(dataString != null ? moment(dataString).format(dateFormat) : dataStr...

vite配置多环境打包

博哥的二进制世界

04-02

1万+

背景在项目打包的时候，我们通常需要根据环境变量来区分不同的环境，以请求不同的后台接口 vite配置多环境打包首先看vite官网介绍的方法那么我们在项目的根目录下创建如下的环境配置文件，以uat为例，在项目根目录下创建.env.uat,并新增环境变量VITE_PROJECT_ENV = ‘uat’,需要注意的是，环境变量必须以VITE开头, package.json中配置uat环境的打包命令，在vite build后加上- -mode uat来区分打包环境之后在项目中即可通过以下方式获取到配置的

vue中a-date-picker报错[antdv: DatePicker] value provides invalidate moment time. If you want to setmpty

nyf_unknow的博客

03-31

1556

项目场景：知识产权模块弹窗表单添加日期选择组件问题描述 Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null instead.：原因分析： a-date-picker数据模型是moment对象，而在data()初始的表单中的startDate默认值是" "空字符串 uploadForm: { name: '',

ant-design-vue中a-date-picker 日期选择器校验不灵及禁止选择今天之前/之后的日期

浮游的博客

02-24

8908

ant-design-vue中a-date-picker 日期选择器校验不灵的问题 <a-form-model-item label="考试日期" prop="date" :rules="{required: true,message: '必填项',trigger: ['blur']}"> <a-date-picker :disabled="disabled" class="w100" :disabledDate ="disabledDate" v-model="timeInfo.

ant-design-vue中的DatePicker 日期选择框遇到的坑

热门推荐

yinge0508的博客

04-23

1万+

问题描述：在使用ant-design-vue中的组件 DatePicker 日期选择框和下拉选择框的时候，由于下拉选择框中的数据是由后台请求过来的，然后在本地手动加了两条数据；（暂且称后台请求过来的数据为A类数据，手动添加的数据为B类数据；）,下拉选选择A类数据后，选择日期选择框，再将下拉选中的数据选成B类数据，则日期选择框中的数据不显示了；要是下拉选中选择B类数据，选择日期之后，下拉选再选择...

uni-data-picker 默认值

09-08

uni-data-picker 是一个基于 Vue.js 的日期选择器组件，它可以用于选择日期或日期范围。默认情况下，uni-data-picker 不会设置任何默认值，需要用户手动选择日期。如果你想设置 uni-data-picker 的默认值，可以通过以下两种方式之一实现： 1. 在组件的 data 属性中定义一个变量，并将其作为 uni-data-picker 的 v-model 绑定值。在组件初始化时，将这个变量设置为你想要的默认日期值，如： ```html <template> <uni-data-picker v-model="selectedDate"></uni-data-picker> </template> <script> export default { data() { return { selectedDate: '2022-01-01', // 设置默认值 }; }, }; </script> ``` 2. 在组件的 mounted 生命周期钩子函数中，使用 ref 获取 uni-data-picker 组件实例，并调用其 setDate 方法设置默认日期值，如： ```html <template> <uni-data-picker ref="datePicker"></uni-data-picker> </template> <script> export default { mounted() { this.$nextTick(() => { const datePicker = this.$refs.datePicker; datePicker.setDate('2022-01-01'); // 设置默认值 }); }, }; </script> ``` 以上两种方式均可实现 uni-data-picker 的默认值设置。你可以根据自己的需求选择其中一种方法来设置默认值。