Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

How do you make a mask for the birth date in picker vue.js?

emmalee last edited by

There's a player who's responsible for the date of birth, so you can pick a date from the calendar:
<el-date-picker id="date_birth" type="date" placeholder="Дата" v-model="user.date_birth"></el-date-picker>
We also need to inject a masked keyboard so that the drawings themselves are YYYY-MM-DD. How can you do that, say good people?
Reply Quote 0
1 Reply Last reply
D
Duquan last edited by
For masking the value el-date-picker Attribut format♪
Example:
```
<el-date-picker format="YYYY/MM/DD"/>
```
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

O

How to establish utf-8 on vue.js?
Software Programming • vue.js • • obi

2

0
Votes

2
Posts

0
Views

T

Sets the charset in the arrangement meta:metaInfo() { return { title: 'My', titleTemplate: '%s | Titulo', meta: [ { charset: 'utf-8' }, { equiv: 'Content-Type', content: 'text/html' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' } ] } },
E

Multiple Vue.js
Software Programming • javascript vue.js • • elysha

2

0
Votes

2
Posts

0
Views

If the task is to be done quickly and with minimal changes in the code, it is only possible to add every condition to the mass (a far from the best option, just the first thing that comes to mind):filteredItems() { return this.items.filter(item => { let conditions = [true]; if (this.search.countries.length > 0) { conditions.push(this.search.countries.indexOf(item.country) > -1); } if (this.search.brends.length > 0) { conditions.push(this.search.brends.indexOf(item.brend) > -1); } if (this.search.areas.length > 0) { conditions.push(return this.search.areas.indexOf(item.area) > -1); } if (this.search.rains.length > 0) { conditions.push(this.search.rains.indexOf(item.rain) > -1); } if (this.search.dotstarts.length > 0) { conditions.push(this.search.dotstarts.indexOf(item.dotstart) > -1); } if (this.search.categoryids.length > 0) { conditions.push(return this.search.categoryids.indexOf(item.categoryid) > -1); } return conditions.every(condition => condition); }) }
D

Why does Bootstrap Datepicker clean the field in time choice?
Software Programming • bootstrap datepicker • • derk

2

0
Votes

2
Posts

0
Views

K

I can recommend that your field be broken with "date" by two separate dates and time. And tie your DateTimePicker to everyone. That's how I use it:var pickDateInputs = function() { var inputs = $('.js-date'); if (inputs.length) { inputs.each(function() { $(this).datetimepicker({ focusOnShow: false, format: 'YYYY-MM-DD', ignoreReadonly: true, locale: 'ru' }); $(this).attr('readonly', true); }); } }; var pickTimeInputs = function() { var inputs = $('.js-time'); if (inputs.length) { inputs.each(function() { $(this).datetimepicker({ focusOnShow: false, format: 'HH:mm ZZ', ignoreReadonly: true, locale: 'ru' }); $(this).attr('readonly', true); }); } }; $(document).on('ready', function() { pickDateInputs(); pickTimeInputs(); }); In html, it is sufficient to indicate the class .js-date or .js-time Induction field:<input type="text" name="created_at_date" class="js-date"/> <input type="text" name="created_at_time" class="js-time"/> Look, the fields of entry are textual. The violin will be tied to them by a detpeaker or a timempicker depending on the class.Atribut readonly: true Guarantees that the field itself will not be available to indicate the date and time from the keyboard. It's a useful hack for sensor screen devices, because otherwise, when the calendar is displayed, it's inevitable that the standard screen keyboard of the device will come out.That way would definitely solve your second problem over time, because the timewalker would be independent of the detpeaker, and it would no longer be affected by the time limit. And perhaps a way to solve the first problem, too, by readonly-Five.
Error when passing props with literal objects via v-bind="object"
Software Programming • vue.js vue.js 2 • • Marcee

2

0
Votes

2
Posts

0
Views

R

By giving v-bind you should aim at prop that you want to assign, and in interpolation use prop as an object...const blogPost = { props: ['post'], template: '\ <div>\ <h1>{{ post.title }}</h1>\ <p>{{ post.content }}</p>\ </div>' }; const app = new Vue({ el: '#app', data: { post: { title: 'Minha jornada com Vue', content: '...' } }, components: { 'blog-post': blogPost } });<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script> <div id="app"> <blog-post v-bind:post="post"></blog-post> </div>
F

vue js error on vuetify
Software Programming • vue.js vuetify • • fbio

2

0
Votes

2
Posts

0
Views

G

Try to remove the vuetify and put the older version as an example. It helped me.
O

Trouble with boolean on setInterval - vuejs
Software Programming • javascript vue.js setinterval • • Oba22

2

0
Votes

2
Posts

0
Views

C

Well I don't like the way I solved it but this way it's working:first I had to create 2 functions both to filter and another to remove:methods: { filterVehicle() { this.isFilter = true; }, removeVehicle() { this.load(); this.isFilter = false; }, } and just in my sight just play with the boolean and the v-if de vue:<button v-if="!isFilter" class="button is-primary" @click="filterVehicle"> <span class="icon"><i class="fa fa-search"></i></span> </button> <button v-else class="button is-danger" @click="removeFilter"> <span class="icon"><i class="fa fa-cancel"></i></span> </button> This way if it works but if there are other ideas it would be better
How can you choose through js to make a change event work and make cities come?
Software Programming • javascript • • Bogopo

2

0
Votes

2
Posts

0
Views

var area = '2160'; billing_area.value = area; billing_area.dispatchEvent(new Event('change'));
J

How to make a living search of vue.js
Software Programming • javascript vue.js • • Jolied

2

0
Votes

2
Posts

0
Views

postList_n() { let obj = this.postList.childs; let newArray = []; const serach = this.search.toLowerCase(); for (key in obj) { el = obj[key] if (el.name.toLowerCase().indexOf(serach) != -1) newArray.push(el); } return newArray; } https://codepen.io/Rusic/full/exeQWj
T

Table with columns
Software Programming • javascript vue.js • • Trenton

2

0
Votes

2
Posts

0
Views

A

Replace. <td v-for="k in 7">...</td> ♪ <template v-for="k in 7">...</template>It's got to be more like a picture right away.
How to get a prototype for the Vue 3 facility.
Software Programming • vue.js objects prototype vue3 • • Analeea

2

0
Votes

2
Posts

0
Views

Well, I hope you know. Object prototype is read-only, properties should not be added.That's why this is the constituent. https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/create
C

How to do focusout with a vue js element?
Software Programming • javascript vue.js vuex • • charlenef

2

0
Votes

2
Posts

0
Views

E

Try adding a watch in your export default The idea is that a watch is a property that is monitoring if a variable changes value, and runs a procedure when it changes.So, you could do something like that:export default {..... watch: { gradoac(){ cambiarMonto(); } } } The function changeMonto, does not have to be defined outside, you could do the same inside the watch.
T

Do something after uploading files into Dropzone
Software Programming • vue.js dropzone • • tahishae

2

0
Votes

2
Posts

0
Views

K

Dropzone works, Gross modewith Events. Then, when an event passes, a function is launched which, if you are defined, you can modify the default behavior (which is not to do anything). E.g.:myDropzone.on("complete", function() { // hacer algo }); The list of events you have https://www.dropzonejs.com/#event-list .
J

Problem with vue-cli
Software Programming • node.js vue.js npm • • jules

2

0
Votes

2
Posts

0
Views

As you installed it globally, you don't use NPM to run, to see the template list is just run the command:vue list (obs, without the --, because it is a command, no option).And to run the project you must use the command:npm run dev (for Webpack)(face, now that I saw that the question is 8/2016 o.O)
G

How do the JS now turn to a specific format (June 6, 2019, with time indication)?
Software Programming • javascript vue.js da • • gionna

2

0
Votes

2
Posts

0
Views

I didn't really get the question what was supposed to be, but I was doing a tidy, which makes a date from the line, and from the date of the line. It looks like this.class DateUtil { constructor() { } convertStrToDate(datestring) { // конвертация строки типа "25.03.2019 12:26:43" в формат Date return new Date(datestring.replace(/(\d+).(\d+).(\d+) (\d+):(\d+):(\d+)/, '$3-$2-$1T$4:$5:$6.000Z')); } dateToStr(date) { // конвертация Date() в строку типа "25.03.2019 12:26" const hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours(); const mins = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(); const mm = ((date.getMonth() + 1) < 10) ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1); const dd = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); return ${date.getFullYear()}.${mm}.${dd} ${hours}:${mins}; } }
There are no vue js field methods
Software Programming • vue.js • • Laycee

2

0
Votes

2
Posts

0
Views

J

Got it. Vue cashes single-fill components.

How do you make a mask for the birth date in picker vue.js?

Suggested Topics

How to establish utf-8 on vue.js? Software Programming • vue.js • • obi

Multiple Vue.js Software Programming • javascript vue.js • • elysha

Why does Bootstrap Datepicker clean the field in time choice? Software Programming • bootstrap datepicker • • derk

Error when passing props with literal objects via v-bind="object" Software Programming • vue.js vue.js 2 • • Marcee

vue js error on vuetify Software Programming • vue.js vuetify • • fbio

Trouble with boolean on setInterval - vuejs Software Programming • javascript vue.js setinterval • • Oba22

How can you choose through js to make a change event work and make cities come? Software Programming • javascript • • Bogopo

How to make a living search of vue.js Software Programming • javascript vue.js • • Jolied

Table with columns Software Programming • javascript vue.js • • Trenton

How to get a prototype for the Vue 3 facility. Software Programming • vue.js objects prototype vue3 • • Analeea

How to do focusout with a vue js element? Software Programming • javascript vue.js vuex • • charlenef

Do something after uploading files into Dropzone Software Programming • vue.js dropzone • • tahishae

Problem with vue-cli Software Programming • node.js vue.js npm • • jules

How do the JS now turn to a specific format (June 6, 2019, with time indication)? Software Programming • javascript vue.js da • • gionna

There are no vue js field methods Software Programming • vue.js • • Laycee

How to establish utf-8 on vue.js?
Software Programming • vue.js • • obi

Multiple Vue.js
Software Programming • javascript vue.js • • elysha

Why does Bootstrap Datepicker clean the field in time choice?
Software Programming • bootstrap datepicker • • derk

Error when passing props with literal objects via v-bind="object"
Software Programming • vue.js vue.js 2 • • Marcee

vue js error on vuetify
Software Programming • vue.js vuetify • • fbio

Trouble with boolean on setInterval - vuejs
Software Programming • javascript vue.js setinterval • • Oba22

How can you choose through js to make a change event work and make cities come?
Software Programming • javascript • • Bogopo

How to make a living search of vue.js
Software Programming • javascript vue.js • • Jolied

Table with columns
Software Programming • javascript vue.js • • Trenton

How to get a prototype for the Vue 3 facility.
Software Programming • vue.js objects prototype vue3 • • Analeea

How to do focusout with a vue js element?
Software Programming • javascript vue.js vuex • • charlenef

Do something after uploading files into Dropzone
Software Programming • vue.js dropzone • • tahishae

Problem with vue-cli
Software Programming • node.js vue.js npm • • jules

How do the JS now turn to a specific format (June 6, 2019, with time indication)?
Software Programming • javascript vue.js da • • gionna

There are no vue js field methods
Software Programming • vue.js • • Laycee