2017-01-23 5 views
1

私のような日付時刻の異なる番号を持つデータセットを持って、この月2016年12月26日16時25分01秒GMT +私はjqueryので、私のDATEFORMATに上記の言及の時間を変換したjavascriptまたはjqueryで日付時刻を特定の形式に変換しますか?

0500(パキスタン標準時)、しかし、私は正確に第一1

に変換するための最後の列をしたい私は、まさにこのようなものです他の列を変換する必要があるが、それは enter image description here

以下

のようなHTMLテーブルの1行に複数の日付を持っています

は、ここに私のjQueryコードである

$(document).ready(function() { 
     $('.dateField').each(function() { 
     var date = new Date($(this).text()); 

     var dformat = [ (date.getMonth()+1), 
        date.getDate(), 
        date.getFullYear()].join('/')+ 
        ' ' + 
        [ date.getHours(), 
        date.getMinutes(), 
        date.getSeconds()].join(':'); 
     $(this).text(dformat); 
    }); 
}); 
+0

スプリットコンテンツ、 '(カンマ)と日付を処理し、すべてのフォーマットされた値を返します。あるいは、あなたのロジックを汎用関数にしてから、 'text.split( '、')を実行してください。map(x => getMyFormat(x))。join( '、')' – Rajesh

答えて

1

更新

condit現在の文字列が空であるかどうかを調べる。それ以外の場合、出力にはNaN NaNが含まれます。そして、jsfiddleリンクも含めて。

次の2つの日付(文字列)を分割し、各文字列にごすでに書かれたコードを適用し、このような何かする必要が

$(document).ready(function() { 
    $('.dateField').each(function() { 
     var colVal = ""; 
     var str = $(this).text(); 
     var arr = str.split(","); 

     for(var i=0; i<arr.length; i++) 
     { 
      if(arr[i]!="") 
      { 
       var myDate = new Date(arr[i]); 
       var newDateStr = [ (myDate.getMonth()+1), 
       myDate.getDate(), 
       myDate.getFullYear()].join('/')+ 
         ' ' + 
       [ myDate.getHours(), 
       myDate.getMinutes(), 
       myDate.getSeconds()].join(':'); 

       colVal +=newDateStr+'<br />'; 
      } 
     } 
     }); 
});   

jsfiddle: `使用https://jsfiddle.net/up8qr8qv/

+0

おかげで – DEO

+0

@DEO:あなたは大歓迎です! –

1

あなたのコードだけ行うために余分な少量を持っている基本的にあります:
(1)カンマ(S)で分離することができる日付文字列、
を分割( 2))...あなたが好きなこととして、(3)(休憩して再参加あなたが行っている日付()と

を変換以下jsFiddle出力を参照してください。

$(document).ready(function() 
 
{ 
 
    $('.dateField').each(function() 
 
    { 
 
    var sDate = new $(this).text(); // string date(s) (may be separated by comma(s)) 
 
    var aDate = sDate.split(','); // array of dates 
 

 
    for(var i = 0, length = aDate.length; i < length; i++) 
 
    { 
 
     // Convert date format 
 
     var date = new Date(aDate[i]); 
 
     var dformat = 
 
     [(date.getMonth() + 1), 
 
     date.getDate(), 
 
     date.getFullYear() 
 
     ].join('/') + ' ' + 
 
     [ date.getHours(), 
 
     date.getMinutes(), 
 
     date.getSeconds() 
 
     ].join(':'); 
 
     aDate[i] = dformat; 
 
    } 
 
    $(this).html(aDate.join('<br>')); // join dates with breaks in between 
 
    }); 
 
});
td { 
 
    border: 1px solid black; 
 
    vertical-align:top; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td class="dateField"> 
 
     Mon Dec 26 2016 16:25:01 GMT+0500 (Pakistan Standard Time) 
 
    </td> 
 
    <td class="dateField"> 
 
     Mon Dec 26 2016 16:25:01 GMT+0500 (Pakistan Standard Time),Mon Dec 26 2016 16:25:01 GMT+0500 (Pakistan Standard Time) 
 
    </td? 
 
    </tr> 
 
</table>
あなたは9すなわち前でゼロパディングであることを、月、日、時間、分&秒< 9にするために、コンバータを変更することもできます

- > 09

function ZeroPad(val) 
 
{ 
 
    if(val * 1 < 10) 
 
    { 
 
    return '0' + val; 
 
    } 
 
    return val; 
 
} 
 
$(document).ready(function() 
 
{ 
 
    $('.dateField').each(function() 
 
    { 
 
    var sDate = new $(this).text(); // string date(s) (may be separated by comma(s)) 
 
    var aDate = sDate.split(','); // array of dates 
 

 
    for(var i = 0, length = aDate.length; i < length; i++) 
 
    { 
 
     // Convert date format 
 
     var date = new Date(aDate[i]); 
 
     var month = date.getMonth() + 1; 
 
     var day = date.getDate(); 
 
     var hour = date.getHours(); 
 
     var min = date.getMinutes(); 
 
     var sec = date.getSeconds(); 
 
     
 
     var dformat = 
 
     [ ZeroPad(month), 
 
     ZeroPad(day), 
 
     date.getFullYear() 
 
     ].join('/') + ' ' + 
 
     [ ZeroPad(hour), 
 
     ZeroPad(min), 
 
     ZeroPad(sec) 
 
     ].join(':'); 
 
     aDate[i] = dformat; 
 
    } 
 
    $(this).html(aDate.join('<br><br>')); // join dates with breaks in between 
 
    }); 
 
});
td { 
 
    border: 1px solid black; 
 
    vertical-align:top; 
 
    width: 100px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td class="dateField"> 
 
     Wed Jan 6 2016 06:05:01 GMT+0500 (Pakistan Standard Time) 
 
    </td> 
 
    <td class="dateField"> 
 
     Mon Dec 26 2016 16:25:01 GMT+0500 (Pakistan Standard Time),Tue Dec 27 2016 04:02:03 GMT+0500 (Pakistan Standard Time) 
 
    </td? 
 
    </tr> 
 
</table>

関連する問題