Vue-material: [MdDatepicker] using format 'DD/MM/YYYY' exceeding stack size

Created on 19 Apr 2018 · 8Comments · Source: vuematerial/vue-material

Steps to reproduce

Setting Vue.material.locale.dateFormat = 'DD/MM/YYYY'.
Trying to select a date using md-datepicker.

Which browser?

Chrome Canary.

What is expected?

Be able to select a date.

What is actually happening?

When selecting a date using the dateFormat is DD/MM/YYYY the watcher for selecteDate is again executed and then there is loop.

https://github.com/vuematerial/vue-material/blob/dev/src/components/MdDatepicker/MdDatepicker.vue#L88

Reproduction Link

https://codesandbox.io/s/6398yyjqn

bug

Source

Simillo

All 8 comments

the same with DD.MM.YYYY

terean-dspd on 3 Jun 2018

😕2

With 'DD.MM.YYYY' Chrome hangs after 3 or 4 selects in a row.
Firefox is not...

terean-dspd on 10 Jul 2018

Yeah, same here. Firefox seems to work fine but after selecting a couple of dates in a row with format DD.MM.YYYY, it hangs up.

DavidLambauer on 10 Jul 2018

I just tried to use the master branch instead of the release. Does not work either.

DavidLambauer on 10 Jul 2018

Try dev branch

VdustR on 10 Jul 2018

Bad luck...
Using dev branch, now I don't need to select dates 3-4 times. Chrome hangs up immediately...
Firefox is still ok...

terean-dspd on 10 Jul 2018

Dont forget to rebuild dev branch, we dont provide rebuilded dist files with fixes in dev branch

Samuell1 on 11 Jul 2018

@Samuell1 I have two date-picker in the same form, one of them is giving date value as object Tue Jan 05 2021 00:00:00 GMT+0530 (India Standard Time) and other is logging out 2021-01-05 The data from first datepicker is giving error while inserting in my db. I even added computed

dateFormat: {
            get() {
                return this.$material.locale.dateFormat;
            },
            set() {
                this.$material.locale.dateFormat = 'yyyy-MM-dd';
            }
        }

but format is still giving format error.