Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Mudahnya Menambahkan Menit ke Waktu Awal dengan jQuery dari PHPMaker
Mudahnya Mengubah Nama File Saat Diupload di Aplikasi Web dari PHPMaker
Mengenal Extension TimePicker untuk Aplikasi Web yang Dibuat oleh PHPMaker

Mudahnya Menambahkan Menit ke Waktu Awal dengan jQuery dari PHPMaker

Sel, 24 Februari 2015 oleh Masino Sinaga 6 Komentar

Di artikel sebelumnya kita sudah membahas bagaimana mudahnya menambahkan fitur untuk memilih data waktu sesuai dengan format dan interval menit yang kita inginkan pada Aplikasi Web yang dibangkitkan oleh PHPMaker. Kita dapat mengoptimalkan pemakaian extension TimePicker dari dalam project PHPMaker kita.

Kali ini kita akan membahas mengenai betapa mudahnya menambahkan durasi menit tertentu berdasarkan data di Waktu Awal, lalu menampilkan hasilnya pada data Waktu Akhir. Tentu, dalam hal ini kita masih menggunakan extension TimePicker tadi untuk memilih data waktu tersebut.

Katakanlah di Aplikasi Web yang kita buat dengan PHPMaker, kita memiliki dua Field bertipe Time yang masing-masing bernama Waktu_Awal dan Waktu_Akhir. Masing-masing field tersebut menggunakan format hh:mm:ss. Ketika Pengguna memilih data pada field Waktu_Awal, maka data pada field Waktu_Akhir akan otomatis ditambahkan dengan nilai 15 menit dari nilai di field Waktu_Awal.

Solusinya, cukup Anda tambahkan kode ini pada bagian Startup Script dari lokasi Client Scripts -> Table-Specific -> Add/Copy Page:

function addMinutes(time, minsToAdd) {
    function D(J){ return (J<10? '0':'') + J;};
    var piece = time.split(':');
    var mins = piece[0]*60 + +piece[1] + +minsToAdd;
    return D(mins%(24*60)/60 | 0) + ':' + D(mins%60) + ':' + '00';
}

$("#x_Waktu_Awal").change(function() {
    var Waktu_Awal = $("#x_Waktu_Awal").val();
    var Waktu_Akhir = addMinutes(Waktu_Awal, '15');
    $("#x_Waktu_Akhir").val(Waktu_Akhir);
});

Dari kode barusan, kita menambahkan durasi 15 menit kepada field Waktu_Akhir berdasarkan event change dari field Waktu_Awal. Kita cukup memanggil function addMinutes dan mengisi balikan dari fungsi tadi ke dalam field Waktu_Akhir.

Jadi, jika misalnya data yang dipilih pada field Waktu_Awal adalah 09:30:00, maka data waktu yang terpilih secara otomatis pada field Waktu_Akhir adalah 09:45:00. Asumsi: interval menit yang digunakan kelipatan 5 atau 15 menit.

Betapa mudahnya, bukan? 😀

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, Client Scripts, Javascript, jQuery, onchange, PHPMaker Extensions, PHPMaker Indonesia, TimePicker

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 Mengubah Nama File Saat Diupload di Aplikasi Web dari PHPMaker
Mengenal Extension TimePicker untuk Aplikasi Web yang Dibuat oleh PHPMaker

Komentar

  1. zul mengatakan

    Rab, 25 Februari 2015 pada 2:51 am

    MoHON Petunjuk nya,

    saya punya sebuah Tabel terdiri dari 7 field

    id…propinsi…Kabupaten…kecamatan…kelurahan…nama_wil….level_wil

    saya ingin membuat sebuah tampilan search dimana terdiri dari 4 SELECT list
    dimana ketika kita memilih propinsi, maka kabupaten akan memberikan tampilan
    dari propinsi yang terpilih saja, selanjutnya jika saya pilih lagi salah
    satu kabupaten maka akan menghasilkan tampilan dari (propinsi–>Kabupaten)
    yg terpilih baru —>Kecamatan), lalu saya pilih lagi salah satu kecamatannya,
    maka tampilannya diurut propinsi–>Kabupaten–>kecamatan–>>(“beberapa kelurahan”)

    sejauh ini saya telah menggunakan Lookup tabel, tapi di tingkat kecamatan dan
    kelurahan , hasil sangat acak( tidak sesui nama wilayah lagi)

    Balas
    • Masino Sinaga mengatakan

      Rab, 25 Februari 2015 pada 8:03 pm

      Artikel pada link berikut seharusnya bisa membantu: http://www.ilovephpmaker.com/tips-and-trick/a-case-study-creating-provinces-cities-subdistricts-dynamic-selection-in-websites-that-generated-by-phpmaker-9-1-0/ (lengkap dengan demo video, contoh file project PHPMaker, dan script untuk membuat database).

      Balas
  2. zul mengatakan

    Rab, 25 Februari 2015 pada 11:10 pm

    Iya, kalau seperti yang abang tutorialkan memang mudah saya pahami, tapi di saya , master wilayah seindonesia terletak dalam satu tabel, yang kemudian akan saya inputkan kedalam sebuah tabel alamat yangbaru,
    oh ya bang, cara gabung di web abang macam mana, kalo register pakai credit cart atau paypal aku tak ada itu bang :D, tapi kalau pakai bri aku punya (rekeningnya, kalo duit entah ada berapa di dalam , gak ingat aku bang, mungkin sudah kosong) , heheh…

    lebih jelasnya coba abang cek database saya disini, masterwilayahnya lumayan lengkap disini.
    https://drive.google.com/file/d/0BzEVAMJiOTO4VldsSkQ1WDk1ODA/view?usp=sharing

    Balas
    • Masino Sinaga mengatakan

      Kam, 26 Februari 2015 pada 8:32 am

      Saya sudah cek database tersebut. Seharusnya selain tabel “master_wilayah”, Anda harus memiliki beberapa tabel lainnya lagi sebagai referensi dari tabel “master_wilayah” itu, seperti tabel “propinsi”, “kabupaten”, dan “kecamatan”.

      Tabel “master_wilayah” bisa dianggap sebagai tabel “kelurahan” karena dia menyimpan data wilayah pada level yang terendah. Kalau hanya mengandalkan tabel “master_wilayah” itu saja, siapapun tidak bisa melakukan apa-apa tanpa bantuan ketiga tabel referensi yang saya sebutkan di atas tadi.

      Balas
  3. zul mengatakan

    Kam, 26 Februari 2015 pada 10:42 pm

    oh begitu ya bang, pastas lah bang, mutar mutar aku bang, gak bisa-bisa, ok bang, terimakasih infonya bang, saya coba saran abang.

    Balas
    • Masino Sinaga mengatakan

      Jum, 27 Februari 2015 pada 8:30 am

      Sama-sama.

      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