Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Mudahnya Menampilkan DateTimePicker di Custom Files pada PHPMaker 2021
Menghapus Kata Total, Membuat Cetak Tebal dan Rata Kanan pada Baris Aggregate di PHPMaker 2021
Modal Dialog Edit Sekarang Bisa Tetap Terbuka Setelah Edit Data di PHPMaker 2021

Mudahnya Menampilkan DateTimePicker di Custom Files pada PHPMaker 2021

Sen, 3 Mei 2021 oleh Masino Sinaga 4 Komentar

Hari ini kita akan membuktikan betapa mudahnya untuk menampilkan control DateTimePicker di Custom Files pada PHPMaker 2021. Sekitar 4 tahun yang lalu hal ini sudah pernah kita bahas melalui artikel Begini Mudahnya Menampilkan DatePicker JSCalendar di Custom Files PHPMaker.

Tentu saja kode yang digunakan sekitar 4 tahun lalu tidak bisa digunakan di PHPMaker 2021. Alasan utamanya adalah karena saat itu PHPMaker menggunakan extension JSCalendar, sedangkan di PHPMaker 2021, menggunakan extension DateTimePicker.

Untuk mencoba di PHPMaker 2021, Anda bisa menggunakan project demo yang sudah disediakan oleh PHPMaker. Pastikan kita sudah mengaktifkan extension DateTimePicker dari menu Tools -> Extensions.

Setelah itu, pastikan Anda sudah membuat sebuah Custom File baru. Jika belum tahu caranya, baca topik Custom Files di menu Help PHPMaker, atau cari artikel saya di situs ini dengan kata kunci topik tadi.

Perlu diketahui, bahwa pengaturan Include common files harus diaktifkan untuk Custom File tadi. Artinya, kita ingin menggunakan object Form yang sudah disediakan oleh PHPMaker 2021, daripada membuat object Form sendiri yang justru akan mempersulit situasi.

Selanjutnya, salin kode berikut ke bagian Content dari Custom File yang sudah Anda buat tadi.

<script>
  var currentForm, currentPageID;
  var my_form;
  loadjs.ready("head", function () {
    var $ = jQuery;
    // Form object
    currentPageID = ew.PAGE_ID = "custom";
    my_form = currentForm = new ew.Form("my_form", "custom");
    // load the form
    loadjs.done("my_form"); // <--- don't forget this!
  });
</script>

<form id="my_form" name="my_form" class="form-horizontal">
    <div id="r_my_date" class="form-group row">
        <label for="my_date" class="col-sm-2 control-label ew-label">Please select a Date</label>
        <div class="col-sm-10">
          <span id="el_my_date">
          <input type="text" id="my_date" name="my_date" data-field="my_date" data-format="9" size="20" class="form-control">
          <script type="text/javascript">
             loadjs.ready(["my_form", "datetimepicker"], function() {
               ew.createDateTimePicker("my_form", "my_date", {"ignoreReadonly": true, "useCurrent": false, "format": 1});
             });
          </script>
          </span>
        </div>
    </div>
</form>

Perhatikan kode Javascript yang berada di bagian atas. Kode itu wajib ada, supaya kita dapat menggunakan object Form yang sudah tersedia di PHPMaker 2021, dengan menggunakan kode new ew.Form(). Mengapa? Karena kita mengaktifkan pengaturan Include common files.

Kita juga harus memuat form menggunakan loadjs.done() Jika itu tidak ada, maka DateTimePicker tidak dapat ditampilkan.

Untuk format tanggal yang kita gunakan di contoh tersebut adalah 1, yang artinya adalah tanggal lengkap dengan format Tahun-Bulan-Tanggal Jam:Menit:Detik. Untuk separator tanggal dan jam, tergantung dengan pengaturan yang dapat kita tentukan dari menu Tools -> Locale Settings.

Betapa mudahnya, bukan? Hanya dengan sedikit kode itu saja di Custom File, kita sudah dapat menampilkan control DateTimePicker seperti yang di-generate oleh PHPMaker 2021 pada object Form yang berasal dari table di database. 😉

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, Form, PHPMaker 2021, PHPMaker Indonesia, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com dan ilovephpmaker.com.

Menghapus Kata Total, Membuat Cetak Tebal dan Rata Kanan pada Baris Aggregate di PHPMaker 2021
Modal Dialog Edit Sekarang Bisa Tetap Terbuka Setelah Edit Data di PHPMaker 2021

Komentar

  1. Axe Cool mengatakan

    Jum, 7 Mei 2021 pada 12:49 pm

    Om masino..saya ingin bertanya,
    bagaimana cara menampilkan error dari SQL ke alert phpmaker karena saat ini jika ada error foreign saja langsung di redirect ke halaman error..tidak bisa seperti versi versi sebelumnya..
    saya menggunakan phpmaker 2021.0.13 .
    terima kasih sebelumnya

    Balas
    • Masino Sinaga mengatakan

      Jum, 7 Mei 2021 pada 2:16 pm

      Tinggal mengaktifkan pengaturan berikut aja dari menu Tools -> Advanced Settings:
      – Debug
      – Treat PHP warnings and notices as errors
      – Log SQL to file
      – Log error to file

      Karena sudah menggunakan Slim Framework, error yang terjadi tidak dirancang untuk ditampilkan langsung ke antarmuka aplikasi web-nya. Jadi, tetap harus melalui bantuan log error-nya.

      Balas
  2. Axe Cool mengatakan

    Jum, 7 Mei 2021 pada 2:31 pm

    jadi apakah tidak bisa ditampilkan lagi ketampilan nya om??
    supaya user tidak bingung terhadap error yang terjadi.
    minimal ada petunjuk supaya user tahu kesalahannya

    Balas
    • Masino Sinaga mengatakan

      Jum, 7 Mei 2021 pada 7:56 pm

      User itu maksudnya end-users? Kalau iya, justru sebaiknya mereka tidak perlu tahu.

      Yang perlu tahu itu Web Developer-nya, dan harus dicek melalui log error tadi.

      Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Pos-pos Terbaru

  • Begini Mudahnya Mengubah Lebar Modal Dialog di PHPMaker 2022
  • Item Menu Tetap Aktif Meskipun Sedang Menampilkan Halaman Tambah, Ubah, Tampilkan, Cari di PHPMaker 2022
  • Hati-Hati Memilih Versi PHP Sebelum Generate Code di PHPMaker 2022
  • Alasan AlwaysUseEnglishUSLocale Sebaiknya Aktif di Masino Extensions untuk PHPMaker 2022
  • MasinoInputMask18 Extension, Autoformat Angka dengan Fitur Lebih Kaya di PHPMaker 2022

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload
  • Stanislaus Ariyanto pada Project Stock Inventory untuk PHPMaker 2022 Sekarang Sudah Bisa Didownload
  • Masino Sinaga pada Mudahnya Mendapatkan Info Pengguna Setelah Login di Aplikasi Web dari PHPMaker
  • irwan pada Mudahnya Mendapatkan Info Pengguna Setelah Login di Aplikasi Web dari PHPMaker
  • Masino Sinaga pada Ini Dia Fitur-Fitur yang Terdapat di Masino Extensions untuk PHPMaker 2022

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2021 | WordPress | Catat masuk | Kembali ke atas