Search jQuery

jQuery Forum

passing daterange value to daterangepicker while clicking the calender

in Using jQuery UI • 5 months ago

hi,

i am using the daterangepicker calender, i am putting the value for example 'Nov 08, 2012 - Dec 08, 2012', when i clicking the calender it is showing the selection option, in last it has 'date range' -> it is showing two calenders with current date selection, i need to show the first calender have to select the date 'Nov 08, 2012' and second calender need to select the date 'Dec 08, 2012', can you please explain what is the necessary code we need to write.

thank you.

Replies(2)

atul.kuma..

Re: passing daterange value to daterangepicker while clicking the calender

5 months ago

Hi Srinivas,

This should be the simple. Please visit http://jqueryui.com/datepicker/#date-range and check the page source.

I am putting the code here, let me know if that's what you require here.

..

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script

<script>

$(function() {

$( "#from" ).datepicker({

defaultDate: "+1w",

changeMonth: true,

numberOfMonths: 1,

onClose: function( selectedDate ) {

$( "#to" ).datepicker( "option", "minDate", selectedDate );

}

});

$( "#to" ).datepicker({

defaultDate: "+1w",

changeMonth: true,

numberOfMonths: 1,

onClose: function( selectedDate ) {

$( "#from" ).datepicker( "option", "maxDate", selectedDate );

}

});

</script>

And the body part:

<body>
      <label for="from">From</label>
      <input type="text" id="from" name="from" />
      <label for="to">to</label>
      <input type="text" id="to" name="to" />
 
</body>

srinivas...

Re: passing daterange value to daterangepicker while clicking the calender

5 months ago

hi,

thank you for your quick reply, i need the calender like below url

http://www.filamentgroup.com/examples/daterangepicker_v2/

and the above requirement.

thank you.

Top Reply

Response title

Attachments

jQuery Forum

passing daterange value to daterangepicker while clicking the calender

Replies(2)

Re: passing daterange value to daterangepicker while clicking the calender

Re: passing daterange value to daterangepicker while clicking the calender

Statistics

Tags

Actions

Related Posts