question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

on-close event emits initial value when enableTime and noCalendar config props are set to true but does not update v-model

See original GitHub issue

I’m submitting a … (check one with “x”)

[ ] Bug report => search github for a similar issue or PR before submitting
[ ] Feature request
[ ] Other, please describe

Thank you for the lovely component. Tell about your platform

  • flatPickr version : 4.5.2
  • Vue.js version : 2.5.17
  • Browser name and version : Chrome
  • This package version : 8.0.0

Current behavior I have implemented the vue flatpickr to select time alone without date calendar(noCalendar property set to true). When the input is clicked to select time, on-close event emits the first value(12.00pm) which appears on the input control but does not update the v-model(date).

       enableTime: true,
       noCalendar: true,
       dateFormat: "h:i K",
       defaultDate: null,
       minuteIncrement: "1",
       time_24hr: true

Expected behavior on-close event should not display the initial value on the input control, or v-model needs to be updated with the initial value emitted by the on-close event.

It works fine with 4.5.0 version of flatpickr.

I have tried to reproduce the same on the codepen. https://codepen.io/maga18/pen/BOemMw

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
ankurk91commented, Sep 25, 2018

This is an issue with flatpickr itself. I was able to re-produce the issue with plain js version

https://jsfiddle.net/ug1ehL85/

0reactions
maga-somacommented, Aug 27, 2019

@kamilwylegala, I initially raised this issue occurring in chrome browser

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to set initial value for input Vue component using v- ...
What Vue does to handle the v-model bindings is assuming the component will emit an input event passing the new value as $event...
Read more >
V-model is not updating dynamically when invoked via $emit ...
I just wanna invoke child component method from parent using $emit/$on works fine .But the v-modal is not updating.
Read more >
Falcon Sandbox v9.0.2 © Hybrid Analysis
This report is generated from a file or URL submitted to this webservice on March ... Sends traffic on typical HTTP outbound port,...
Read more >
Date & Time Picker
Time components are set using the current timezone setting set by the timezone prop. By default, this value is null , which specifies...
Read more >
Source - GitHub
* `utc` prop was added, by setting it to `true` input time values will be interpreted as UTC (Zulu time). * Bug fix:...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found