How to Change the Date Format

Question

0.00/5 (No votes)

See more:

In my web page I have date field. When the user type date such format like

13-4-2012,13.4.2012 This are all automatically changed this format

04/13/2012

And Which is not allowed to type alphabets,And It allow only dates. How to do it using Javascript code. Please help me anybody

Thanking you

Posted 28-May-12 19:12pm

devausha

Add a Solution

4 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)

akee seth · Accepted Answer · 2012-05-28T19:27:00

Solution 1

You can use this java script code,where datepicker is the id of your control which hold the date.

JavaScript

<script type="text/javascript">
    $(function() {
        $('#datepicker').datepicker({ dateFormat: 'dd/mm/yy' });
        $("#datepicker").datepicker();
    });
</script></script>

Posted 28-May-12 19:27pm

akee seth

Comments

Prasad_Kulkarni 29-May-12 7:22am

Formally 'Accept solution' if it works for you.

Prasad_Kulkarni · Accepted Answer · 2012-05-28T19:29:00

Please refer: Date time formats[^]

Or else,

Try this:

SQL

SELECT CONVERT(VARCHAR(10), GETDATE(), 101) AS [MM/DD/YYYY]

[EDIT]

JavaScript:

Javascript Convert String to Date[^]

you can use date format function written by Steven Levithan here[^]

C#

var date = dateFormat(new Date("Thu Oct 14 2010 00:00:00 GMT 0530 (India Standard Time)"), 'dd/mm/yyyy');

Have look on: DateJs[^]

Rahul Rajat Singh · Accepted Answer · 2012-05-28T19:35:00

I think your requirements can be easily fulfilled if you use this calender

http://www.javascriptkit.com/script/script2/epoch/index.shtml[^]

with this script on keypress

XML

<asp:textbox id="TextBox6" runat="server" onkeypress='return AcceptDateCharacters(event, "/");'></asp:textbox>

and this javascript function to restrict the input

JavaScript

function AcceptDateCharacters(event, separator)
{
    if(separator.length != 1)  //only pass single character separators here
    {
        return false;
    }
    //lets allow digits
    var expression = "^[0-9";
    
    //lets allow the separator character
    expression += separator;
    
    //lets complete the expression
    expression += "]$";
    
    var regex = new RegExp(expression);    
    return AcceptRegExOnly(event, regex)  
};

I wrote this couple of years back and till date it is working fine.

Sandeep Mewara · Accepted Answer · 2012-05-28T19:30:00

Solution 3

There are multiple ways to handle it. To me, having a custom control - a masked textbox being the best one. Alternatively, you need to handle the onKeyPress of textbox in JavaScript to avoid alphabets. Use, OnFocusLost to format into desired way.

Look these:
AjaxToolkit: MaskedEdit Demonstration[^]
Enhanced Textbox Control[^]
Input mask - a script that automatically enters a specified character at a certain point in a text box.[^]
Xtended TextBox - Customized data entry[^]
Mask TextBox ASP.NET Control[^]

Posted 28-May-12 19:30pm

Sandeep Mewara

Comments

devausha 29-May-12 8:07am

I am using MaskedEditExtender. When I convert the text value which is linked MaskedEditExtender to datetime it displays Error.
DateTime t1 = Convert.ToDateTime(txtdate.Text);
The error is String was not Convert to datetime

Please help me

Sandeep Mewara 29-May-12 8:21am

Check what is the value of 'txtdate.Text'. Looks like not a valid date string.

devausha 29-May-12 8:32am

Oh Thank you. Error is Calender Extender. Now it is working

Sandeep Mewara 29-May-12 8:47am

Good to know.

How to Change the Date Format

4 solutions

Solution 1

Solution 2

Solution 4

Solution 3

Add your solution here

Preview 0