Solved

jQuery Ui datepicker postback onselect()

Posted on 2009-04-10
4
3,510 Views
Last Modified: 2012-05-06
Hello,

Is it possible to make the datepicker post back to the same page when a date is
selected? If so please advise... Thank in advance for your help!!!


<script type="text/javascript">
                      $(function(){
 
                              // Datepicker
                              $('#datepicker').datepicker({
                                      inline: true,
                                      minDate: -0,
                                      maxDate: '1D +6M'
                              });
 
                      });
</script>
 
<!-- Datepicker -->
<h2 class="demoHeaders">Datepicker</h2>
<div id="datepicker"></div>

Open in new window

0
Comment
Question by:Bradino
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 16

Accepted Solution

by:
anoyes earned 200 total points
ID: 24120200
The datepicker onSelect event will let you do whatever you want when a date is selected.  What are you looking to do with your post back?

<script type="text/javascript">
$(function(){
  // Datepicker
  $('#datepicker').datepicker({
    inline: true,
    minDate: -0,
    maxDate: '1D +6M',
    onSelect: function(dateText) {
      // do whatever here
    }
  });
});
</script>

Open in new window

0
 

Author Comment

by:Bradino
ID: 24120929
Thanks for your response Anoyes, it worked like a charm! Here is my update code, now my question is this the proper syntax?

<script type="text/javascript">
$(function(){
// Datepicker
   $('#datepicker').datepicker({
	inline: true,
	minDate: -0, 
	maxDate: '1D +6M',
	onSelect: function(dateText) {
      	// do whatever here    
	window.location = "selected.cfm?bookDate=" + dateText;
	}
});		
});				
</script>

Open in new window

0
 
LVL 16

Expert Comment

by:anoyes
ID: 24122189
Looks like the proper syntax to me.  Are you having trouble with it?
0
 

Author Comment

by:Bradino
ID: 24124606
No it works fine, I'm new to jQurey just wanted to make sure that best practice, thanks...
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

What is a Lightbox? A Lightbox is the effect you see when you click, for example, an image and the screen fades out and up pops the same image but in its full size dimensions. There are lots of Lightbox effects for jQuery. Problem is they are a…
Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question