show new datepicker on select

Question

0.00/5 (No votes)

See more:

i have 2 textboxes , where i show calendar..

so when i select one textbox , it show calendar from which i select date ..

what i want is , when i select first textbox datepicker calendar date, show second textbox calendar automatically to select date .

i tried

in onselect function of first textbox , i use

$("#secondbox").datepicker('show');

This shows calendar , but disappears within 1 second..

what to use,pls provide example code ........

Posted 15-May-14 21:57pm

maulikshah1990

Add a Solution

2 solutions

Solution 1

JavaScript

$(function () {
    $('#TxtExpDte').datepicker();
    $('#TxtStrtDate').datepicker({
        onClose: function (dateText, obj) {
            $("#TxtExpDte").datepicker("show");
        }
    });
});

DEMO[^]

Or use one of Range Date pickers
http://bseth99.github.io/projects/jquery-ui/4-jquery-ui-datepicker-range.html[^]
http://keith-wood.name/datepick.html#range[^]

Posted 15-May-14 22:23pm

DamithSL

Updated 15-May-14 23:43pm

v2

Comments

maulikshah1990 16-May-14 4:30am

hi.thanks for prompt reply...

but i have onselect for both textbox,

so if i include onclose show second calendar in first textbox , it shows me calendar for second ,then if i click date ,it shows calendar once again because i have datepicker on select for second textbox also (i think )...
can u suggest what is issue,..

DamithSL 16-May-14 4:37am

please update the question with your code

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sankarsan parida · Accepted Answer · 2014-05-15T23:09:00

Write your code to get datepicker

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

jQuery UI DatePicker provides option "show" and "hide". So the idea was to show the DatePicker when textbox gets focus (using focus event) and call setTimeout to hide the datepicker after 2 seconds.

$(document).ready(function() {
   $('#secondbox').datepicker();
   $('#secondbox').focus(function() {
     $(this).datepicker("show");
     setTimeout(function() {
       $('#secondbox').datepicker("hide");
       $('#secondbox').blur();
     }, 2000)
   })    
});