JQuery Callender Controller!

Question

0.00/5 (No votes)

See more:

, +

I created a form using HTML and JQuery but it didn't give me the result and I couldnot able to find an error in here. Please try to solve my question and my source code will be ststed at the below!

XML

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Entering Date Using the Calender Controller</title>
    <link rel="stylesheet" type="text/css" href="\jqu\css\dark-hive\jquery-ui-1.8.23.custom.css" />
    <script type="text/javascript" src="jqu\js\jquery-1.8.0.min.js">
    </script>
    <script type="text/javascript" src="jqu\js\jquery-ui-1.8.23.custom.min.js"></script>
    
    <script type="text/javascript">

        $("document").ready(function(){
            $("datepickerID").datepicker({
              changeyear: true,
            
            })
            
        });
        
        
    </script>
    
</head>
<body>
    <form id="form1" name="form1" action="" method="post" >
        Today is : <input type="text" id="datepickerID" name="datepickerID" />        
        
        
        
    </form>
</body>
</html>

Posted 12-Sep-12 20:48pm

Chiranthaka Sampath

Add a Solution

2 solutions

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)

joje1985 · Accepted Answer · 2012-09-12T22:45:00

Solution 1

Try this code.

JavaScript

        <script type="text/javascript">

    $("document").ready(function(){
        $("#datepickerID").datepicker()

    });


</script>

Posted 12-Sep-12 22:45pm

joje1985

Updated 12-Sep-12 23:53pm

v2

Comments

Chiranthaka Sampath 13-Sep-12 5:47am

Ok my calender now is showing correctly but I cannot change the month or the year still! How can I do that?

joje1985 13-Sep-12 5:53am

check the improved solution.

Chiranthaka Sampath 13-Sep-12 7:11am

I cannot change still the year or the month even using the improved solution

Bryian Tan 15-Sep-12 23:29pm

It should work, did you use all the codes provided by ShotDriller? Is the year and month dropdownlist showing? or gray out? not selectable?

Chiranthaka Sampath 17-Sep-12 1:23am

I have use all the code provided by the ShotDriller but gives the same result!

Chiranthaka Sampath 17-Sep-12 2:03am

Ok guys ultimately I found all the solutions for my problems & thanks for the help! By the way the error was to when not enable to edit the year and the month was that I had typed <pre>changeyear , & changemonth , </pre> <pre>instead of chnageYear , & changeMonth,</pre>

ShotDriller · Accepted Answer · 2012-09-13T05:23:00

XML

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Entering Date Using the Calender Controller</title>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/pepper-grinder/jquery-ui.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
        $("#datepickerID").datepicker({
        changeMonth: true,
        changeYear: true
        })
    });
    </script>
</head>
<body>
    <form id="form1" name="form1" action="" method="post">
    Today is :
    <input type="text" id="datepickerID" name="datepickerID" />
    </form>
</body>
</html>