75 articles Javascript

Rekadia NPM Registry

Sebelum setup Rekadia NPM Registry pastikan NodeJS dan npm sudah tersedia pada system Anda. Berikut cara untuk memastikan NodeJS dan npm sudah terinstall pada system: Buka Windows PowerShell sebagai Administrator, lalu ketikan command berikut ini: Intall npmrc untuk untuk konfigurasi Enterprise profile Dari Windows PowerShell, Install secara global npmrc dengan command berikut: Menambah npm Enterprise…

Javascript IE Compatibility

Internet Explorer memang browser yang sudah mulai ditinggalkan, bahkan oleh Microsoft sendiri sudah tidak memperbarui versinya lagi sejak versi 11. Namun, beberapa organisasi masih menggunakan IE karena sudah bertahun-tahun digunakan oleh seluruh stakeholder dan aplikasi yang ada di organisasi mereka. Sehingga, ada kalanya kita harus mengikuti kebutuhan organisasi, dengan membuat aplikasi web kita compatible untuk…

JavaScript Coding Standards

JSDoc JSDoc is a markup language used to annotate JavaScript source code files. Using comments containing JSDoc, programmers can add documentation describing the application programming interface of the code they’re creating. https://jsdoc.app/index.html Object var VS let Namespace Class Static Class String Define Object

Implementasi filter operator Exists, NotExists, Match dan NotMatch pada javascript

Perlu diketahui tips ini hanya berlaku untuk template web v3 dan sesudahnya. Sebelum memulai implementasi perlu dilakukan pengecekan pada file WebUI/Infrastructure/QueryRequestParameter.cs jika belum menggunakan versi terbaru dari solution template web. Code yang belum support: Code yang sudah support: Berikut contoh code implementasi pada javascript:

Gagal validasi date pada Internet Explorer

jQuery Validation Plugin v1.17.0 menggunakan “new Date” untuk validasi. Sehingga setiap browser akan menghasilkan tanggal yang berbeda2 dari hasil parse. Contoh: pada IE, javascript tidak bisa parse value “17/07/2019 15.08.29” (karena menggunakan titik) sehingga date dianggap tidak sesuai format. Sedangkan Chrome bisa. Letak fungsi validasi tersebut ada di file jQuery.validate.js:1398 date: function( value, element )…

Kendo datepicker – date tidak terbaca di awal

Kendo datepicker kadang date tidak terbaca di awal, harus dipilih dulu baru formatnya benar. Common Cause: Format date yg awal tidak ada di list settingan parseFormats. Option parseFormats ada, tapi urutannya tidak dari detail ke simpel (urutan berpengaruh, harus dari detail ke simpel) Contoh: [“yyyy-MM-dd”, “yyyy-MM-ddTHH:mm:ss”] salah, seharusnya [“yyyy-MM-ddTHH:mm:ss”, “yyyy-MM-dd”] Date awal tidak masuk ke…

Kendo Gantt Chart

Berikut adalah contoh Kendo Gantt Chart dengan beberapa setting / kustomisasi: Header di kolom day menjadi format ‘bulan / tanggal’, contohnya ‘4/1’ – menggunakan views Lebar list (aktivitas & %) – menggunakan listWidth Default menampilkan tanggal hari ini – menggunakan date Ketika % di-klik mengganti halaman – menggunakan dataBound

Kendo DatePicker Hide Year

Hide header year pada kendo datepicker [code language=”javascript”] var startPicker; startPicker.bind(‘open’, function (e) { var dp = e.sender; var calendar = dp.dateView.calendar; if (calendar.view().name === "year") { calendar.element.find(".k-header").css("display", "none"); calendar.element.find(".k-footer").css("display", "none"); }; }); [/code]

Kendo DatePicker Start End Validation

Case: 2 datepicker start dan end Validasi: max start adalah end, min end adalah start [code language=”javascript”] var startPicker, endPicker; startPicker = $(‘#StartDate’).data(‘kendoDatePicker’); endPicker = $(‘#EndDate’).data(‘kendoDatePicker’); startPicker.setOptions({ max: endPicker.value(), }); startPicker.bind(‘change’, function () { var startVal = startPicker.value(); endPicker.setOptions({ min: startVal, }); }); endPicker.setOptions({ min: startPicker.value() }); endPicker.bind(‘change’, function () { var endVal = endPicker.value();…