Format .Net date with javascript

Question

i'm currently trying to format dates i have in a "list". At the end i should get 06.11.2015. 14:51 02.11.2015. 13:56 06.11.2015. 14:51 02.11.2015. 13:56

but i get 02.11.2015. 13:56 02.11.2015. 13:56 02.11.2015. 13:56 02.11.2015. 13:56

I don't want same date for each elements. I'm not getting what is wrong in my code. Here's an overview to make it more clear : jsfiddle

Thanks a lot for your help !!

<html>
     <head>
     <script type="text/javascript"  src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
     <script>
$(document).ready(function(){

var date = $('.start-date').text();
            var strArray = date.match(/(\d+)/g);
            var i = 0;
        for (i = 0; i < strArray.length; i++) 
            {
                var d = parseInt(strArray[i]);
                var dateF =  new Date (d);
                var dd = dateF.getDate();
                var mm = dateF.getMonth() + 1;
                var yyyy = dateF.getFullYear();
                var hh = dateF.getHours();
                var mn = dateF.getMinutes();
                if(dd<10){
                dd = '0' + dd
                } 
                if(mm<10){
                mm='0'+mm
                } 
                var today = dd+'.'+mm+'.'+yyyy+'. '+hh+':'+mn;
                console.log(today);


                $( ".start-date" ).each(function( index ) {
                  $( this ).text(today);
                });
            };
    });
 </script>
</head>
<body>
     <div class="start-date">/Date(1446817860000)/</div>

<div class="start-date">/Date(1446468960000)/</div>

<div class="start-date">/Date(1446817860000)/</div>

<div class="start-date">/Date(1446468960000)/</div>
</body>
</html>

iCollect.it Ltd · Accepted Answer · 2015-11-09 18:02:57Z

2

Your code simply gets all the date strings concatenated together, then applies the result to that long string.

Your code belongs inside the each loop!

e.g. something like:

$(document).ready(function () {

    $(".start-date").each(function (index) {
        var date = $(this).text();
        var strArray = date.match(/(\d+)/g);
        var i = 0;
        for (i = 0; i < strArray.length; i++) {
            var d = parseInt(strArray[i]);
            var dateF = new Date(d);
            var dd = dateF.getDate();
            var mm = dateF.getMonth() + 1;
            var yyyy = dateF.getFullYear();
            var hh = dateF.getHours();
            var mn = dateF.getMinutes();
            if (dd < 10) {
                dd = '0' + dd
            }
            if (mm < 10) {
                mm = '0' + mm
            }
            var today = dd + '.' + mm + '.' + yyyy + '. ' + hh + ':' + mn;
            console.log(today);

            $(this).text(today);
        };
    });
});

edited Nov 9, 2015 at 18:02

answered Nov 9, 2015 at 17:57

iCollect.it Ltd

93.9k26 gold badges189 silver badges210 bronze badges

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

2 Comments

Andreas Over a year ago

"Your code simply gets the first date" That's wrong. $('.start-date').text() returns the concatenated text of all matched elements. That's why the fiddle shows the last date

iCollect.it Ltd Over a year ago

@Andreas: You'd think after 2 years of writing jQuery plugins I would have come across that before. Have corrected the comment. :)

Alexandr Lazarev · Accepted Answer · 2015-11-09 17:59:44Z

0

You don't have to update each div on every iteration, just needed one. http://jsfiddle.net/wbz5mLdv/1/

Change:

$( ".start-date" ).each(function( index ) {
    $( this ).text(today);
});

To:

$(".start-date").eq(i).text(today);

answered Nov 9, 2015 at 17:59

Alexandr Lazarev

13k4 gold badges40 silver badges47 bronze badges

Collectives™ on Stack Overflow

Format .Net date with javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related