Always Display jQuery UI Date Picker on Input

Question

I need to set up two jQuery UI date pickers to always be displayed. I know there's an easy way to do this with DIVs, but I can't find anything on how to do it for inputs. I've tried the "show" method in the jQuery UI documentation, but that just acts as a click on the input on page load, which isn't what I'm looking for.

ejc · Accepted Answer · 2013-05-17 20:08:22Z

5

I just tested the code below and it always remains on the page. You will need to handle the selection/click events by passing options the datepicker in the javascript. I added the JS for when the user selects a date... that should give you enough to go off of.

HTML:

<div id="test"></div>
<input type="text" id="date_input">

Javascript:

$('#test').datepicker({
    onSelect: function(date, obj){
        $('#date_input').val(date);  //Updates value of of your input 
    }
});

edited May 17, 2013 at 20:08

answered May 17, 2013 at 19:53

ejc

3432 silver badges8 bronze badges

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

2 Comments

JacobTheDev Over a year ago

But that doesn't work because it doesn't populate a text input with the date. I've been forced in to using an awful WordPress plugin for a giant form, and I don't have much control over what elements appear in the form. I could write some jQuery to insert a DIV and maybe do some magic to populate the input, but I was hoping someone knew something easier.

ejc Over a year ago

I made an edit that should address your problem. When the user clicks on the date, it should display in the input in the HTML. Change the selector to whatever you need the date to show up on.

Collectives™ on Stack Overflow

Always Display jQuery UI Date Picker on Input

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related