VueJS在自定义组件日期时间选择器上使用v-model

文章/答案/技术大牛

发布

2回答

不使用Vue组件的Jquery不止一次

jquery、vue.js

我在Vuejs上创建了一个自定义日期时间选择器组件，我使用jQuery将父div滚动到所选的数字。，因为我在一个页面中多次使用这个日期时间选择器组件，所以jQuery只正确地影响了在页面上使用的第一个组件！这是vueJs上日期时间<

浏览 6提问于2021-10-14得票数 1

1回答

与BootstrapVue组件绑定的VueJS组件值

vue.js、vuejs2、vue-component、bootstrap-vue

我正在做一个使用vueJs作为前端框架的laravel项目，但我对VueJS还是相当陌生的。目前，我有一个来自bootstrapVue的名为DatePicker的组件，如下所示： <template> <label for="example-datepicker">Choosea date</label> <b-form-datepicker id="example-datepicker"

浏览 19提问于2021-09-29得票数 1

1回答

javascript、vue.js、vuejs2、vue-component、v-model

我想在我的自定义datetime组件上使用v-model，如下所示： <date-time-picker v-model="startDate" label="Start date"></date-time-picker> 所以我在我的DateTimePicker.vue中做的是： <template> <v-menu v-model="menu&

浏览 30提问于2019-01-21得票数 1

回答已采纳

1回答

设计一个不带事件的提供数据的VueJS组件

javascript、vue.js、vuejs2、vue-component

我正在设计一个在VueJS中选择日期范围的组件。从组件通过道具获得或由用户使用选择器更改的特定键(“实时”、“今天”、“昨天”)，它将返回：Select your period: &l

浏览 4提问于2019-09-24得票数 1

1回答

使用vuejs-datepicker如何定制每个日期的外观？

vue.js、datepicker、vuejs-datepicker

我正在使用优秀的组件，就像像这样的外接程序一样，它做了我想要的99%的事情，但遗憾的是，这还不够.我知道我可以设置高亮显示的日期和禁用的日期，但我希望能够对不同的日期应用不同的格式(例如，伦敦的日期出现在红色、曼彻斯特蓝色和廷巴克图绿色)。与此最接近的是使用day-cell-content属性：结合这一职能： // put day

浏览 2提问于2019-01-23得票数 2

2回答

如何在使用VeeValidate v3和vuejs-datepicker之前验证date after / date？

vue.js、vee-validate、vuejs-datepicker

如果日期在某个日期之前或之后，我如何使用VeeValidate v3和VueJs-DatePicker进行验证？我使用的是： (最新版本)和 (版本3，而不是2)我使用VueJS-DatePicker包作为datepicker，并通过"

浏览 1提问于2019-09-03得票数 3

1回答

隐藏Firefox和Edge上的默认日期输入菜单

javascript、html、css、firefox、datepicker

我正在开发一个使用i<input type="text">的Vuejs的自定义日期选择器组件。我想使用一个自定义的日期选择器菜单，所以我必须隐藏或禁用默认菜单，例如：我如何使用CSS或JS来做到这一点呢？

浏览 16提问于2018-07-23得票数 2

回答已采纳

1回答

将属性默认值注入第三方Vue组件

vue.js、vuejs2、vue-component

我在我的项目中使用了一个数据报头组件。基本用法如下：每次我们需要使用日期选择器时，都会重复几个属性:例如，language。因此，我想在需要日期选择器时，能够简单地做到这一点。对于第三方库的fr属性，这将默认为lan

浏览 0提问于2018-10-01得票数 2

回答已采纳

2回答

vuejs-从当前日期开始，添加样式

javascript、vue.js、vuejs2

我正在占用vue-datepicker组件的输入，它显示了我在表单中的日期。我需要把日期从今天开始，不能选择前几天，也要改变语言，组件不让我添加样式。这是我使用的组件<template> <datepicker :bootstrap-styling="true" &l

浏览 0提问于2018-04-26得票数 4

1回答

日期选取器中包含moment js的日期无效

vue.js、datepicker、momentjs、antdv

我尝试在日期选择器中显示日期(结合使用AntDesign和VueJS)： this.formDates.test = moment(this.$store.state.dataStudy.startPassation).format('DD-MM-YYYY HH:mm') 当我这样做的时候，我的日期格式是正确的： console.log(this.formDates.testdisplay the correct format 05-07-2021

浏览 16提问于2021-07-06得票数 0

回答已采纳

1回答

具有不同配置选项的同一组件的多个实例在vue.js中没有正确呈现

javascript、vue.js、components

我正在使用vue-比例器日期/时间选择器组件。我在同一个页面上使用了两个数据编辑器和四个时间选择器；最初，它工作得很好。我是使用默认配置的数据启动器，和自定义配置来制作时间选择器。突然间，时间选择器变成了数据采集器！奇怪的是，他们实际上忽略了datepicker选项--这并不是因为他们正在进行内联配置

浏览 2提问于2018-06-27得票数 1

回答已采纳

1回答

现代化在VueJS* Webpack工程中的应用*

webpack、vuejs2、modernizr、vuetify.js

有没有人在VueJs Webpack项目中有一个简单的教程来捆绑和使用现代派？我使用默认Webpack项目的VueJS与单文件组件。我要把它打包好。为了精确起见，我希望在大多数表单中使用inputtypes.date，并在支持日期选择器的移动浏览器上避免显示vuetify数据选择器。

浏览 1提问于2018-03-11得票数 4

回答已采纳

1回答

如何显示一个固定的v-日期选择器范围？

vue.js、momentjs、vuetify.js

我正在尝试显示一个具有特定行为的验证日期范围选择器，其中用户只能选择日历上的开始日期。范围将有一个固定的持续时间。因此，如果这个持续时间设置为4天，当您单击11月4日，它将显示范围从4到8。是否可以覆盖v-日期选择器组件来实现这一点？我可以给日期选择一个预先确定的范围，但这是重置一旦组件被点击。<v-date-picker class="mt-3 mb-6" v-

浏览 0提问于2019-11-04得票数 4

回答已采纳

1回答

在呈现时设置vue-swatches子组件的颜色。

vue.js、vue-component

我目前正在使用VueJS进行一个项目。当我单击列表中的某一项时，项目的属性就会出现，因此color属性将由着色器()显示。问题是，我有一个父组件，其中调用了颜色选择器组件，但这不是直接调用的v-swatches组件，而是一个自定义组件。ColorPicker.vue (自定义子组件) <div>

浏览 1提问于2020-07-08得票数 1

回答已采纳

1回答

验证表单验证自定义组件

vue.js、vuetify.js

我得到了一个带有嵌套文本字段的自定义日期选择器，我想知道是否有任何方法可以在this.$refs.form.validate()函数上验证我的组件。我的组件： <template> v-model="dateMenu"

浏览 13提问于2021-01-26得票数 0

3回答

未定义Nuxt.js文档(vuejs-datepicker)

javascript、vue.js、datepicker、nuxt.js

我所做的- 从‘Vue’导入vue；从‘’导入数据报警器；Vue.use( Datepicker )； <client-only>即使是这样- 在/plugins&#x

浏览 12提问于2020-04-06得票数 4

1回答

使用验证器验证中的Datepicker

vue.js、datepicker、vuetify.js、vee-validate

我需要创建一个新组件，它只有一个带验证器的datepicker。这个组件是通用的，因为我需要在更多的组件中轻松使用。我需要它，当你点击datepicker时，你没有选择任何日期，像这样显示红色验证： ? 然后： ? 如果您选择任何日期，此验证应消失。<ValidationProvider ref="form" :name="nombre" :rules="rules" v-slot="{ erro

浏览 18提问于2021-01-21得票数 0

2回答

时间选择器没有显示在v-日期选择器中

javascript、vue.js、vuejs2、vuetify.js

我希望在我的项目中使用v-日期选择器来选择一个时间范围.我用v-日期选择器来做这个。即使我在v-日期选择器中使用dateTime作为模块，也没有选择时间的地方。只是日历而已。知道我做错什么了吗？<label class="text-gray-600 font-medium"><input class="mr-1" type=

浏览 9提问于2022-02-24得票数 1

1回答

V-日期选择器在使用月份优先时抛出一个错误。

vuejs2、vuetify.js

我正在创建一个工具，用户可以通过使用v-日期选择器设置日期范围来更改图表上显示的数据分组--按日、周或月显示数据。当按月查看时，日期选择器应默认为一个月选择，否则为日期。如果您在打开日期格式之前以月份格式打开v-日期选择器，则当您返回日期/周视图时，控制台中将出现一个错误(RangeError:无效时间值)。如果首先打开“天”或“周”组件</e

浏览 5提问于2022-10-17得票数 0

回答已采纳

2回答

检测Vue 3中对modelValue的更改

vuejs3

有没有一种方法可以检测自定义组件中modelValue的更改？我想将更改推送到所见即所得编辑器。$emit('update:modelValue', event.target.value))}<TextEditor v-model="someHtml"></TextEditor>

浏览 7提问于2021-02-19得票数 0

点击加载更多

不使用Vue组件的Jquery不止一次

与BootstrapVue组件绑定的VueJS组件值