jQuery: OnSelect not working for DatePicker

Question

So I want to create a hidden input field that will display the datepicker once a button is clicked. Then, call a function that I created and do something with it. This is what I have for the HTML:

<input type="hidden" id="showDate" class="datepicker"/>
<button id="buttonDate" value="submit">Show Date</button>

As for the jquery, this is what I have below:

$('#buttonDate').click(function () {
    $('#showDate').datepicker();
    $('#showDate').datepicker('show', {
        onSelect: doSomething
        }
    });
 })

function doSomething() {
   var selectedDate = $('#showDate').val();
   alert("I AM HERE" + selectedDate);
}

What my code does right now is display the calendar on the button click, BUT it will not run the function. I really want to call that doSomething function so I can do something with the selected date, but it seems like onSelect is not working.

I know that there is a "showOn: button" for datepicker, but that creates a new button pop out, which I do not want.

stackoverflow.com/questions/5082204/… .. similar question is already answered here — Premanand K
– Premanand K, Commented Jun 23, 2016 at 19:09

Premanand K · Accepted Answer · 2016-06-23 19:04:43Z

0

Try to include the onselect during initializing itself

 $('#buttonDate').click(function () {

        $('#showDate').datepicker({ onSelect:
            function(dateText, inst) {
              var selectedDate = $('#showDate').val();
             console.log(selectedDate);
            }
        });
        $('#showDate').datepicker('show');
    });

answered Jun 23, 2016 at 19:04

Premanand K

6421 gold badge8 silver badges19 bronze badges

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

2 Comments

Emily Over a year ago

AH ITS WORKING THANK YOU

Premanand K Over a year ago

Nice. Thanks for checking it again. :-)

Collectives™ on Stack Overflow

jQuery: OnSelect not working for DatePicker

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related