<div class="modal fade in" id="format-tanggal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Informasi Format Tanggal</h4>
            </div>
            <div class="modal-body">
                <table class="table">
                    <tr>
                        <th>Format</th>
                        <th>Deskripsi</th>
                        <th>Contoh</th>
                    </tr>
                    <tr>
                        <td>d</td>
                        <td>Tanggal dengan awalan awal 0</td>
                        <td>01, 02, 03, ..., 31</td>
                    </tr>
                    <tr>
                        <td>j</td>
                        <td>Tanggal tanpa awalan awal 0</td>
                        <td>1, 2, 3, ..., 31</td>
                    </tr>
                    <tr>
                        <td>j</td>
                        <td>Bulan dengan awalan awal 0</td>
                        <td>01, 02, 03, ..., 12</td>
                    </tr>
                    <tr>
                        <td>m</td>
                        <td>Bulan tanpa awalan awal 0</td>
                        <td>1, 2, 3, ..., 12</td>
                    </tr>
                    <tr>
                        <td>Y</td>
                        <td>Tahun dalam format empat digit</td>
                        <td>2022, 2023, 2024</td>
                    </tr>
                    <tr>
                        <td>y</td>
                        <td>Tahun dalam format dua digit</td>
                        <td>22, 23, 24</td>
                    </tr>
                    <tr>
                        <td>l</td>
                        <td>Hari dalam format teks penuh</td>
                        <td>Senin, Selasa, Rabu</td>
                    </tr>
                    <tr>
                        <td>D</td>
                        <td>Hari dalam format teks singkat</td>
                        <td>Sen, Sel, Rab</td>
                    </tr>
                    <tr>
                        <td>F</td>
                        <td>Bulan dalam format teks penuh</td>
                        <td>Januari, Februari, Maret</td>
                    </tr>
                    <tr>
                        <td>M</td>
                        <td>Bulan dalam format teks singkat</td>
                        <td>Jan, Feb, Mar</td>
                    </tr>
                    <tr>
                        <td>H</td>
                        <td>Jam dalam format 24 jam</td>
                        <td>00, 01, 02, ..., 23</td>
                    </tr>
                    <tr>
                        <td>h</td>
                        <td>Jam dalam format 12 jam</td>
                        <td>01, 02, 03, ..., 12</td>
                    </tr>
                    <tr>
                        <td>i</td>
                        <td>Menit</td>
                        <td>00, 01, 02, ..., 59</td>
                    </tr>
                    <tr>
                        <td>s</td>
                        <td>Detik</td>
                        <td>00, 01, 02, ..., 59</td>
                    </tr>
                    <tr>
                        <td>A</td>
                        <td>AM atau PM</td>
                        <td>AM, PM</td>
                    </tr>
                    <tr>
                        <td>a</td>
                        <td>am atau pm</td>
                        <td>am, pm</td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="reset" data-dismiss="modal" class="btn btn-social btn-danger btn-sm"><i class="fa fa-times"></i> Tutup</button>
            </div>
        </div>
    </div>
</div>
