Masino Sinaga

Web Development and PHPMaker

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

Sen, 23 Februari 2015 oleh Masino Sinaga 9 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

Komentar

  1. Cak Sobri mengatakan

    Sen, 23 Februari 2015 pada 12:56 pm

    Gimana om caranya agar ew_CurrentDateTime agar sesuai jam di server ?

    Balas
    • Masino Sinaga mengatakan

      Sen, 23 Februari 2015 pada 1:17 pm

      Mainkan pengaturan time_zone dari file .xml language.

      Balas
      • Cak Sobri mengatakan

        Sen, 23 Februari 2015 pada 2:38 pm

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

        Balas
  2. aries mengatakan

    Jum, 18 Desember 2015 pada 9:36 pm

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

    Balas
    • Masino Sinaga mengatakan

      Sab, 19 Desember 2015 pada 5:25 pm

      Di direktori phplang.

      Balas
  3. ameisfine mengatakan

    Kam, 10 Agustus 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

      Jum, 11 Agustus 2017 pada 1:00 pm

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

      Baca ulang lagi artikelnya dengan teliti ya.

      Balas
  4. Rudy B mengatakan

    Rab, 10 Februari 2021 pada 2:47 pm

    pak masino untuk setup min dan max time itu dimana ya ?
    soalnya saya coba masukin json {‘minTime’: ‘8:00′,’maxTime’: ’19:00′} di Option nya tetep gk bisa ?

    terimakasih

    Balas
    • Masino Sinaga mengatakan

      Rab, 10 Februari 2021 pada 3:12 pm

      Ini Extension PHPMaker versi yang sudah sangat lama alias jadul, jadi tidak bisa digunakan di PHPMaker 2021 (versi terakhir saat komentar ini ditulis).

      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

  • 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
  • MasinoSignature18 Extension, Mudahnya Mengelola Tanda Tangan di PHPMaker 2022
  • MasinoFormWizard18 Extension, Mengubah Tampilan Multi-Page di PHPMaker 2022

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Hati-Hati Memilih Versi PHP Sebelum Generate Code di PHPMaker 2022
  • Thien Rudi pada Hati-Hati Memilih Versi PHP Sebelum Generate Code di PHPMaker 2022
  • Masino Sinaga pada Cara Menggunakan Login by session variables di Aplikasi Web dari PHPMaker 2021
  • Masino Sinaga pada Cara Menggunakan Login by session variables di Aplikasi Web dari PHPMaker 2021
  • Masino Sinaga pada Cara Menggunakan Login by session variables di Aplikasi Web dari 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 - 2021 | WordPress | Catat masuk | Kembali ke atas