jQuery Datepicker without trigger

Question

I want a jQuery 3 months calendar to be shown on the page. User will select some date and click on a button to view the schedules.

I tried with below jQuery code

<input type="text" id="dp-text-box" />

$("#dp-text-box").datepicker({               
            numberOfMonths: 3,               
            dateFormat:'yy/mm/dd'
        });

However it will show the textbox and user has to click to open datepicker.

But in my case i should show the datepicker default and allow the user to navigate.

Please find the attached image that i need. My Date Picker Requirement

Abhilash · Accepted Answer · 2012-11-06 09:59:40Z

3

From the manual,

Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input

HTML

<div id="datepicker"></div>

jQuery

$( "#datepicker" ).datepicker({
    numberOfMonths: 3,
    onSelect : function( selDate, instance){
        alert(selDate);
    }
});

Note: onSelect bit not tested, but should work.

edited Nov 6, 2012 at 9:59

answered Nov 6, 2012 at 9:38

Abhilash

1,6109 silver badges19 bronze badges

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

3 Comments

Murali Murugesan Over a year ago

This worked like charm! Thanks. But how we get the selected date without a textbox? I want the selected date to process.

Abhilash Over a year ago

You can still have the onSelect event on this datepicker. Let me know if you can take care of it, or need some pointers on how it is done

Murali Murugesan Over a year ago

Sure i will be taking care of this with some hidden field and setting the value in onSelect event. If i am wrong you can correct me !

rajesh kakawat · Accepted Answer · 2012-11-06 09:46:12Z

0

Use div instead of textbox

javascript

$(function() {
    $( "#datepicker" ).datepicker();
});

html

<div id="datepicker"></div>

answered Nov 6, 2012 at 9:46

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

Collectives™ on Stack Overflow

jQuery Datepicker without trigger

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related