Format tanggal otomatis menggunakan javascript

Biasanya pada aplikasi-aplikasi php yang kita buat seringkali harus merubah dari format tanggal mysql ke format tanggal yang sesuai dengan keinginan kita.

contohnya:

<div>
    <?php echo date('d F Y', strtotime($row['mysql_date'])); ?>
</div>

Nah kita bisa persingkat kode kita dengan menyisipkan sedikit javascript dan biarkan browser yang memprosesnya :)

Pertama-tama yang kita butuhkan adalah:
1. jQuery
2. Moment JS

<script type="text/javascript" src="path to jquery.js"></script>
<script type="text/javascript" src="path to moment.js"></script>
<script type="text/javascript">
if($('.format-date').length > 0){
        $('.format-date').each(function(){
            var ini = $(this);
            var tgl = ini.text();
            //moment.locale('id');
            if(moment(tgl,'YYYY-MM-DD',true).isValid() || moment(tgl,'YYYY-MM-DD HH:mm:ss',true).isValid()){
                var formatTgl = moment(tgl).format('LL');
                ini.html(formatTgl);
            }
        });
    }
</script>

Tambahkan script diatas di script header yang anda miliki

untuk menggunakannya tambahkan class format-date pada element yang berisi format date mysql
contohnya:

<div class="format-date"><?php echo $row['mysql_date'];?></div>

untuk dokumentasi format tanggal pada momentjs silahkan kunjungi situs dokumentasi momentjs

Semoga bermanfaat

Prastowo Agung Widodo