nampilkan data-mask boostrap dengan jquery dan css

[ask] ane punya coding seperti ini



<table id="dataTablesi" class="table table-condensed">
<tr><td width="15%"><label>Tanggal Lahir</label></td></tr>
</table>
<input onclick="addRowi('dataTablesi')" id="tambahcombobox_b" type="button" class="btn btn-default btn-mini" value="Tambah Anggota Keluarga" />
<script language="javascript">

		function addRowi(tableID) {
			var table = document.getElementById(tableID);
			var rowCount = table.rows.length;
			var row = table.insertRow(rowCount);
			var colCount = table.rows[0].cells.length;
			var rorw=rowCount-1;

			var cell4 = row.insertCell(0);
			var element4 = document.createElement("input");
			element4.name = "tgl_lahir[]";
			element4.setAttribute("class","form-control");
			element4.id="tgl_lahir_"+rorw;
			element4.setAttribute("data-inputmask","'alias': 'yyyy-mm-dd'");
			element4.setAttribute("data-mask","");
			element4.setAttribute("placeholder","yyyy/mm/dd");
			cell4.appendChild(element4);

		}
</script>

settingan css nya ga jalan sementara klo langsung seperti

 <input type="text" class="form-control" name="tgl_lahir_a" data-inputmask="'alias': 'yyyy-mm-dd'" placeholder="yyyy-mm-dd" data-mask>

itu jalan. apa ada yg salah di settingan javascript nya?

laravel javascript css

@echosk

64 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

Pake jquery aja gan... pake append();


var input = "<input style='background:blue' type='text'>";

$("body").append(input);


<script type="text/javascript">

    $(document).ready(function(){
        var table = $('#table');
        var row;
        var column;

        var input = "<input name = 'nama' .... attribute yg lain />";
    });

</script>

Row, Column Sesuaikan..

Semoga Membantu

@ciloxz

284 Kontribusi 139 Poin

Dipost 6 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

nampilkan data-mask boostrap dengan jquery dan css

Kelas Premium!
Belajar bikin website dari nol sekarang