jQuery datepicker can't read value using .val() method

Question

I've read several stackoverflow posts on how to get the value from the datepicker field. I found out that there are two methods to do that:

 var method1 = $('#dateInput').datepicker('getDate'); 
 var method2 = $('#dateInput').val();

However, method2 gives me an empty string. Why is that so? I know that .val() is a method that will get the value of the element.

DEMO: https://jsfiddle.net/Issaki1/wun8Lomg/1/

Hi @RaviMariya, your method works! May I know the explanation behind it? You can add the explanation as your answer and I will accept it — Issaki
– Issaki, Commented Jun 15, 2018 at 6:06
I might not be the best person to explain but I see that $('#dateInput') was returning div with no property value where $('#dateInput input') return input with property value — Ravi Mariya
– Ravi Mariya, Commented Jun 15, 2018 at 6:27

Rakesh Sojitra · Accepted Answer · 2018-06-15 06:36:06Z

3

change your method 2 code like below because in your HTML dateInput as id refers to the div and not actual input text. So you can target input text like below:

var method2 = $('[name="dateInput"]').val();

Or

var method = $('#dateInput input').val();

edited Jun 15, 2018 at 6:36

answered Jun 15, 2018 at 6:30

Rakesh Sojitra

3,6682 gold badges19 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kiran Shahi · Accepted Answer · 2018-06-15 07:53:40Z

1

This can be done using the below line

var method2 = $('#dateInput input').val();

Reason what i suspect is <div> has the id="dateInput" and the text box has the same id="dateInput". So if we specify which object to consider then it is resolved.

edited Jun 15, 2018 at 7:53

Kiran Shahi

8,0109 gold badges41 silver badges77 bronze badges

answered Jun 15, 2018 at 6:36

Vikas Sharma

5015 silver badges8 bronze badges

Collectives™ on Stack Overflow

jQuery datepicker can't read value using .val() method

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related