wirecardBrasil / awesome-mask

The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.
MIT License
165 stars 22 forks source link

can I mask in price format ? #16

Closed murilolivorato closed 7 years ago

murilolivorato commented 7 years ago

Hello my frind , nice code ! congratulation . can I mask in price format ? like this

I type this -

7000020

and do it -

70.000,20
caioincau commented 7 years ago

Hi @murilolivorato , we do not support money format since its a reversive typing.

I have tested: http://www.giphy.com/gifs/l1KVatI3cl4vZlbNK

This is a good feature, I will add this to our backlog, okay?

caioincau commented 7 years ago

https://moip.github.io/awesome-examples/

Money support added on 0.5.0

https://github.com/moip/awesome-mask/releases/tag/0.5.0

marcusvbp commented 7 years ago

Hi @iCaio, this feature is not working. I can't type any value, the field only show "money" as value.

<input type="text" class="form-control" id="valorproducao" v-model="formData.price" v-mask="'money'">

Here is my package.json:

"dependencies": { "awesome-mask": "^0.5.0", "jquery": "^3.2.1", "vue": "^2.2.1", "vue-gmaps": "^0.2.1", "vue-multiselect": "^2.0.0-beta.15", "vue-router": "^2.3.0", "vue-style-loader": "^2.0.4", "vuejs-datepicker": "^0.6.5", "vuelidate": "^0.4.2", "vuex": "^2.2.1" },

caioincau commented 7 years ago

https://github.com/moip/awesome-examples

Can you please try this project?

I think that there was a problem with v-model and this feature.

caioincau commented 7 years ago

I am fixing it @marcusvbp

caioincau commented 7 years ago

Can you please test the version 0.5.1?

marcusvbp commented 7 years ago

@iCaio I will! thanks.

marcusvbp commented 7 years ago

It worked, but I have noticied the variable bind has a different value from the field. Look at the screenshot: screenshot-localhost-8080-2017-04-10-18-00-05

caioincau commented 7 years ago

Hi @marcusvbp , can you try version 0.5.2?

marcusvbp commented 7 years ago

I have tried but no success: screenshot-localhost-8080-2017-04-11-10-32-38 screenshot-localhost-8080-2017-04-11-10-28-19

caioincau commented 7 years ago
screen shot 2017-04-11 at 11 02 03

I am sorry, but I cant reproduce the problem here, I am running the example project:

https://github.com/moip/awesome-examples

marcusvbp commented 7 years ago

@iCaio it worked in my project, after server restart.

Thanks!