Solved

jQuery Ui datepicker postback onselect()

Posted on 2009-04-10
4
3,487 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
  • 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
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)
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

813 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now