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.

[1.0.0-alpha.3] Datepicker: When you select a date, the value is not inserted in the input tag

See original GitHub issue

Expected Behavior

When selecting a date, the value attribute of the input tag should be filled.

Current Behavior

The value attribute of the input tag does not fill out.

Steps to Reproduce (for bugs)

I initialize several components on the page, and none of them returns a value. I also tried to leave only one component on the page. Exactly the same behavior is observed on the page http://next.materializecss.com/pickers.html.

My code:

let elem = document.querySelector('.datepicker');
M.Datepicker.init(elem, options);

Your Environment

  • Version used: 1.0.0-alpha.3
  • Framework: VueJS framework 2.5.13
  • Browser Name and version: Irrelevant
  • Operating System and version (desktop or mobile): Irrelevant

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:12 (9 by maintainers)

github_iconTop GitHub Comments

8reactions
aungmyohlaingcommented, Jul 18, 2018

just used v-model.lazy to get datepicker value. Cheers! 😃

1reaction
Ravin001commented, Aug 8, 2018

@aungmyohlaing v-model.lazy works. Do you know the reason behind this behaviour? Thanks for the solution though.

Read more comments on GitHub >

github_iconTop Results From Across the Web

<input type="date"> - HTML: HyperText Markup Language
In this example, we create 2 sets of UI elements for choosing dates: a native <input type="date"> picker and a set of 3...
Read more >
jQuery Datepicker with text input that doesn't allow user input
that doesn't allow the user to input random text in the textbox. I want the Datepicker to pop up when the textbox gains...
Read more >
React custom datepicker: Step-by-step - LogRocket Blog
datepicker : Renders a date input and presents the calendar for the user to select the date. We'll store each component in its...
Read more >
Date Picker - Components - Paste: The Design System for ...
The Date Picker is an input field which accepts a value in MM/DD/YYYY format. Currently, the Date Picker is built on top of...
Read more >
Changelog ⚡️ FormKit — Vue Forms, Supercharged
Pro: Fixed a bug where Pro inputs were not showing validation messages on blur #403. 1.0.0-beta.11. September 29, 2022. New features. Lays ...
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