Demo disini.
- HijriDate.js untuk penggunaan obyek
HijriDate
, librari JS untuk menghitung penanggalan Hijriah dengan cara yang sama seperti halnya obyekDate
menghitung penanggalan Masehi. - w3css, diambil dari CSS Framework oleh Jan Egil Refsnes untuk pengaturan tampilan kalender ini.
Cukup tambahkan potongan kode berikut dalam file html anda:
<div id="kalmus"></div>
<link rel="stylesheet" href="../w3css/w3.css" />
<script type="text/javascript" src="../HijriDate.js/hijri-date.js"></script>
<script type="text/javascript" src="kalmusgo.js"></script>
<script type="text/javascript">
let kmg = new Kalmusgo();
kmg.attachTo(document.getElementById('kalmus'));
// atau gunakan
// document.getElementById('kalmus').appendChild(kmg.getElement());
// kode lainnya
</script>
<div id="kalmus"></div>
<link rel="stylesheet" href="https://zulns.github.io/w3css/w3.css" />
<script type="text/javascript" src="https://zulns.github.io/HijriDate.js/hijri-date.js"></script>
<script type="text/javascript" src="https://zulns.github.io/Kalmusgo.js/kalmusgo.js"></script>
<script type="text/javascript">
let kmg = new Kalmusgo();
kmg.attachTo(document.getElementById('kalmus'));
// atau gunakan
// document.getElementById('kalmus').appendChild(kmg.getElement());
// kode lainnya
</script>
Dokumentasi API disini.