How can I parse dates in this HTML javascript page?

Question

I was wondering if i could get some help on trying to get this page to accept an input, then spit out whether or not it was a valid input or not.

So far I have written this.

<html>

<head>
   <title>JavaScript Date Strings</title>

   <link rel="stylesheet" href="jsdatestrings.css" />

   <script src="http://code.jquery.com/jquery.js"></script>

</head>

<body>

<h1 id="title">JavaScript Popup and Validation</h1>

<img class="popup-btn" src="death.jpg" />

<p>Das Datum (mm/dd/yyyy): <input id = "date" type="text" name="date"></p>

<script>
$(document).ready(function(){
  $("input").blur(function(){
    var x = $("#date").val();
    $("#test").html(x);
  });
});
</script>

<p id="test">HERRO!</p>

</body>

</html>

I am not very sure how to get it and work with it. I know the input is working but I need to get something like 09281990 and it should give me something like 09/28/1990 and if I set it to yyyy-mm-dd then it should read it as invalid unless i put 19900928.

Any help would be welcomed. Thank you.

Shashank · Accepted Answer · 2013-09-17 06:48:09Z

1

     $(document).ready(function(){
      $("input").blur(function(){
        var x = $("#date").val();
var day = x.substring(0,2);
var month = x.substring(2,4);
var year = x.substring(4,8);
     re = /^\d{1,2}\/\d{1,2}\/\d{4}$/;

        if(!(day+'/'+month+'/'+year).match(re)) {
          alert("Invalid date format: " + day+'/'+month+'/'+year);  
        }else{

        $("#test").html(day+'/'+month+'/'+year);
    }  });
    });



    Try this..

answered Sep 17, 2013 at 6:48

Shashank

8301 gold badge6 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Skynet Over a year ago

I tried it out and it works but I don't want to just settle for, it works thank you, I want to see if I could get a bit of an explanation so that way I understand it and I don't waste people's time just asking dumb questions.

Shashank Over a year ago

Have a look Regular Expression tutorial regular-expressions.info/tutorial.html

Skynet Over a year ago

For now I seem to have the program working but one thing I wanted to do now is to give the user the option to chose formats like if I don't like the one you gave me, I can change it to yyyy/mm/dd. I would like to give it a whack on my own but what would you recommend? Switch statement? If else? etc....

Shashank Over a year ago

Give d user a listbox option where he can select d format based on d format selected u sub-string the text box value...

Shalom Aleichem · Accepted Answer · 2013-09-17 06:41:21Z

1

You can use moment.js library: http://momentjs.com/ It knows how to parse dates from lots of different formats.

And it also has a method moment(date).isValid() which shows you if the object you are passing was successfully parsed to date.

moment("12-25-1995", "MM-DD-YYYY") // will parse your date from MM-DD-YYYY format;
moment("not a real date").isValid(); // false

answered Sep 17, 2013 at 6:41

Shalom Aleichem

3,0272 gold badges25 silver badges34 bronze badges

Collectives™ on Stack Overflow

How can I parse dates in this HTML javascript page?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related