vuejs-datepicker: Setting typeable causes date value to go blank

In version 1.2.0.

Steps:

Set the typeable property on picker
Type a date into the picker, hit enter
Use the calendar to enter a date into the picker
Remove focus from the picker
Notice that the picker input is now empty

About this issue

Original URL
State: closed
Created 6 years ago
Reactions: 2
Comments: 22 (1 by maintainers)

Commits related to this issue

Merge pull request #492 from yyuurreecc5/master fix: cleared input on blur #489 — committed to charliekassel/vuejs-datepicker by charliekassel 6 years ago
Merge pull request #512 from yyuurreecc5/master fix: #489 - bug with date not changed after typing — committed to charliekassel/vuejs-datepicker by charliekassel 6 years ago
Merge branch 'master' of github.com:charliekassel/vuejs-datepicker * 'master' of github.com:charliekassel/vuejs-datepicker: fix: #489 - bug with date not changed after typing documentation fixes ... — committed to charliekassel/vuejs-datepicker by deleted user 6 years ago

Most upvoted comments

If you select 13 or higher, it is the same blank

SerikK on Jun 8, 2018

Same here

mikkokut on Jan 27, 2020

The problem here seems to be in this part of DateInput.vue

    /**
     * nullify the typed date to defer to regular formatting
     * called once the input is blurred
     */
    inputBlurred () {
      if (this.typeable && isNaN(Date.parse(this.input.value))) {
        this.clearDate()
        this.input.value = null
        this.typedDate = null
      }
      this.$emit('closeCalendar')
    },

I patched it to just emit the event. The defering wasn’t working before and it’s working fine now.

Julioocz on May 24, 2018