Solved

jQuery Ui datepicker postback onselect()

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

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

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…
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
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)

691 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