Masino Sinaga

Web Development, PHPMaker, & PHP Report Maker

Anda di sini: Beranda / PHPMaker / Mengenal Extension TimePicker untuk Aplikasi Web yang Dibuat oleh PHPMaker
Mudahnya Menambahkan Menit ke Waktu Awal dengan jQuery dari PHPMaker
Mudahnya Membuat Nilai Total di Preview Row Menjadi Bold dan Rata Kanan dari PHPMaker

Mengenal Extension TimePicker untuk Aplikasi Web yang Dibuat oleh PHPMaker

Februari 23, 2015 oleh Masino Sinaga 7 Komentar

Sejak versi 11, PHPMaker memperkenalkan sebuah extension baru lagi yang bernama TimePicker (hanya untuk Pengguna yang membeli PHPMaker secara resmi dan mendapatkan kode lisensinya). Sekilas dari namanya kita dapat menyimpulkan bahwa extension ini berfungsi untuk memudahkan Pengguna dalam memilih data bertipe waktu dari beberapa pilihan yang dapat didefinisikan sebelumnya. Daripada mengetik data yang dapat menimbulkan kesalahan, maka akan lebih baik memilihnya dari beberapa pilihan yang tersedia.

Extension TimePicker sangat berguna jika di Aplikasi Web yang kita bangun membutuhkan pilihan waktu yang sudah ditentukan format data maupun interval pilihan waktu yang boleh dipilih. Contoh, kita hanya mengijinkan Pengguna untuk memilih data waktu dengan format hh:mm atau hh:mm:ss. Demikian juga dengan interval waktu menit di antara pilihan yang satu dengan berikutnya sebesar 10 menit, maka data pilihan yang tersedia adalah mulai dari 00:00, 00:10, 00:20, 00:30, …, 23:30, 23:40, 23:50, sampai yang terakhir 24:00.

Secara standar, extension TimePicker sangat cocok digunakan untuk Field yang bertipe Time pada database MySQL (saya belum sempat bereksperimen menggunakan database lain). Enaknya, extension ini akan secara otomatis mendeteksi Field yang bertipe Time pada semua object Table di project PHPMaker kita.

Dengan menggunakan extension ini, maka kita dapat mendisiplinkan Pengguna untuk memilih data waktu sesuai kriteria yang kita tetapkan seperti contoh di atas. Untuk itu, ada beberapa item pengaturan yang perlu kita perhatikan sebelum menggunakan extension ini di Aplikasi Web yang kita bangun dengan PHPMaker.

Untuk melihat pengaturan extension TimePicker, maka seperti biasa kita terlebih dulu harus mengklik menu Tools, lalu pilih Extensions. Selanjutnya scroll ke bagian paling bawah pada jendela Extensions, lalu aktifkan dengan memberi tanda centang pada item TimePicker yang terdapat di bawah Type: Time Picker.

Setelah itu Anda akan melihat sebuah tab Advanced muncul. Klik tab tersebut, Anda akan melihat list yang berisi tabel yang memiliki Field bertipe Time. Ada 3 item pengaturan untuk setiap Field yang masing-masing adalah sebagai berikut:

  1. TimeFormat, merupakan format waktu dalam notasi standar PHP. Secara standar bernilai kosong, dan jika item ini dikosongkan, maka extension TimePicker akan menggunakan format waktu lengkap, seperti misalnya: 10:30:00. Jika ingin menggunakan format tadi, maka Anda harus mengisi: G:i:s. Jika ingin menggunakan format jam dan menit saja seperti 10:30, maka Anda harus mengisi: G:i.
  2. Step, merupakan interval waktu dalam satuan menit antara pilihan satu dengan berikutnya. Secara standar bernilai kosong, dan jika dikosongkan akan menggunakan nilai 30, yang artinya akan menghasilkan interval 30 menit antara satu pilihan dengan pilihan berikutnya. Contoh: 10:30:00, 11:00:00, 11:30:00, dan seterusnya.
  3. Options, merupakan notasi JSON yang mewakili pilihan-pilihan tambahan lainnya yang digunakan oleh library jquery.timepicker. Secara standar bernilai kosong, dan menggunakan pilihan yang sudah terdefinisi di dalam library jquery.timepicker.

Untuk mempelajari lebih detail mengenai extension ini, khususnya untuk mengoptimalkan beberapa pilihan lainnya, Anda dapat melihat kode yang terdapat di dalam file jquery.timepicker.js.

Memang canggih kali PHPMaker ini, bah! 😀

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, Client Scripts, DateTime, Javascript, jQuery, PHPMaker Extensions, PHPMaker Indonesia, Startup Script, Time, TimePicker, 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.

Mudahnya Menambahkan Menit ke Waktu Awal dengan jQuery dari PHPMaker
Mudahnya Membuat Nilai Total di Preview Row Menjadi Bold dan Rata Kanan dari PHPMaker

Comments

  1. Cak Sobri mengatakan

    Februari 23, 2015 pada 12:56 pm

    Gimana om caranya agar ew_CurrentDateTime agar sesuai jam di server ?

    Balas
    • Masino Sinaga mengatakan

      Februari 23, 2015 pada 1:17 pm

      Mainkan pengaturan time_zone dari file .xml language.

      Balas
      • Cak Sobri mengatakan

        Februari 23, 2015 pada 2:38 pm

        Saya rubah GMT ke Asia/Jakarta melalui [Tools][Advanced Settings][Default Time Zone] 🙂

        Balas
  2. aries mengatakan

    Desember 18, 2015 pada 9:36 pm

    Pengaturan time zone dari file .xml language. itu didirektori mana ya

    Balas
    • Masino Sinaga mengatakan

      Desember 19, 2015 pada 5:25 pm

      Di direktori phplang.

      Balas
  3. ameisfine mengatakan

    Agustus 10, 2017 pada 10:03 pm

    DI phpmaker2018 kok tidak muncul ya pak?
    extensiona Date TIme picker > sudah enable
    Format udah Date/Time

    Balas
    • Masino Sinaga mengatakan

      Agustus 11, 2017 pada 1:00 pm

      Pastikan tipe field yang Anda gunakan adalah Time, dan bukan DateTime.

      Baca ulang lagi artikelnya dengan teliti ya.

      Balas

Tinggalkan Balasan Batalkan balasan

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pos-pos Terbaru

  • Server Event Page_Render dan Page_Rendering di PHPMaker, Apa Sih Bedanya?
  • Begini Mudahnya Mengubah Judul Browser Secara Dinamis di PHPMaker 2021
  • Solusi Supaya PreviewRow dan PreviewOverlay Bisa Sama-Sama Berfungsi di PHPMaker 2021
  • Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021
  • Seperti Ini Mudahnya Menyembunyikan Data Label di Chart dari PHPMaker 2021

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Setting Import Data Berikut Wajib Anda Ketahui Bedanya di PHPMaker 2021
  • Masino Sinaga pada Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021
  • Masino Sinaga pada Mudahnya Menambahkan Global Function untuk Auto-Update Field di PHPMaker
  • Abu Syifa pada Setting Import Data Berikut Wajib Anda Ketahui Bedanya di PHPMaker 2021
  • Abu Syifa pada Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021

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 - 2019 | WordPress | Catat masuk | Kembali ke atas