Vue dropdown datepicker selected issue

Question

0.00/5 (No votes)

See more:

I am using Vue Dropdown Datepicker.
In the documentation it doesn't have the guide how to set selected.
I tried to use javascript DOM .selected on the page that display the data, but it give me error message in console :

[Vue warn]: Error in mounted hook: "TypeError: can't assign to property "selected" on 12: not an object"

TypeError: can't assign to property "selected" on 12: not an object

The dropdown selected. But, because of this error the next javascript codes not work.
Any ideas ?

What I have tried:

This my codes for the javascript DOM:

JavaScript

var birthday = new Date(this.currentUser.user.birthday * 1000);
var day = birthday.getDate();
var selDay = document.getElementById("day").value = day;
selDay.selected = "true";

Posted 22-Sep-20 22:07pm

cakka

Updated 24-Sep-20 22:25pm

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard MacCutchan · Answer 1 · 2020-09-22T23:49:00

Solution 1

The message is telling you that selday is not an object. It is the value '12' as returned from the line:

JavaScript

var selDay = document.getElementById("day").value = day;

Posted 22-Sep-20 23:49pm

Richard MacCutchan

cakka · Answer 2 · 2020-09-24T22:25:00

Solution 2

This is my solution :

JavaScript

var selDay = document.getElementById("day")
this.$set(selDay, "value", day);

Posted 24-Sep-20 22:25pm

cakka