• Contact Us
Wednesday, December 21, 2022
-18 °c
Teman Ngoding
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English
No Result
View All Result
Teman Ngoding
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English
No Result
View All Result
Plugin Install : Cart Icon need WooCommerce plugin to be installed.
Teman Ngoding
No Result
View All Result

Tutorial Javascript: Convert waktu am pm to 24 Jam

admin by admin
June 20, 2022
in Javascript, Problem Solution, Tutorial
0 0
0
Home Tutorial Javascript

This post is also available in: English

Hallo apa kabar teman semua, semoga kalian sehat dan sukses selalu.

Kali ini saya hanya ingin berbagi kode javascript cara convert time am atau pm ke 24 jam, semoga tutorial kali ini bermanfaat untuk kalian semuanya.

Oke langsung saja kita masuk pada tutorial kali ini.

 var hrs = Number(timestart.match(/^(\d+)/)[1]);
 var mnts = Number(timestart.match(/:(\d+)/)[1]);
 var format = timestart.match(/\s(.*)$/)[1];
     if (format == "PM" && hrs < 12) hrs = hrs + 12;
     if (format == "AM" && hrs == 12) hrs = hrs - 12;
        var hours = hrs.toString();
        var minutes = mnts.toString();
            if (hrs < 10) hours = "0" + hours;
            if (mnts < 10) minutes = "0" + minutes;
            var timeend = hours + ":" + minutes + ":00";
            console.log(timeend); //h:i:s

Jika kita liat kode di atas, maka itu akan meruah format am/pm menjadi 24 jam.

 var hrs = Number(timestart.match(/^(\d+)/)[1]);
 var mnts = Number(timestart.match(/:(\d+)/)[1]);

Perhatikan kode di atas, kita akan membuat dua variabel yaitu jam dan menit. dan selanjutnya kita akan membuat kondisi.

 if (format == "PM" && hrs < 12) hrs = hrs + 12;
     if (format == "AM" && hrs == 12) hrs = hrs - 12;

Kode di atas merukapan kode untuk membuat kondisi pada waktu yang di buat. dan selanjutnya kita akan memisahkan waktu jam dan menit.

  if (hrs < 10) hours = "0" + hours;
  if (mnts < 10) minutes = "0" + minutes;
  var times = hours + ":" + minutes + ":00";

Dan kita akan mendapatkan waktu dalam format 24 jam.

Convert waktu 24 jam ke am/pm

Kita akan merubah kembali format waktu 24 jam ke am/pm. ini merupakan kode untuk merubah kembali dalam format sebelumnya.

d = new Date(times);  
var timerfix = d.getHours() + ':' + d.getMinutes();

  timerfix = timerfix.toString ().match (/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [timerfix];

  if (timerfix.length > 1) { // If time format correct
      timerfix = timerfix.slice (1);  // Remove full string match value
      timerfix[5] = +timerfix[0] < 12 ? ' AM' : ' PM'; // Set AM/PM
      timerfix[0] = +timerfix[0] % 12 || 12; // Adjust hours
  }

  console.log(timerfix.join(''));

Kita akan mendapatkan kembali jam dan menit, pada kode tersebut.

var timerfix = d.getHours() + ':' + d.getMinutes();

Selanjutnya kode tersebut kita akan rubah ke type string.

timerfix = timerfix.toString ().match (/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [timerfix];

Setelah mendapatkan waktu dalam format string maka kita pecahkan dalam kondisi.

  if (timerfix.length > 1) { // If time format correct
      timerfix = timerfix.slice (1);  // Remove full string match value
      timerfix[5] = +timerfix[0] < 12 ? ' AM' : ' PM'; // Set AM/PM
      timerfix[0] = +timerfix[0] % 12 || 12; // Adjust hours
  }

Maka kita akan mendapatkan kembali waktu dalam format am/pm.

Semoga tutorial kali ini bermanfaat untuk kalian semua. Ini merupakan kode sederhana, terkadang kita lupa cara menggunakannya.

Terimakasih.

Tags: convert timeconvert waktu
ShareTweetShare
admin

admin

Next Post
Tutorial Laravel : Push Notification Dengan Firebase Laravel 9

Tutorial Laravel : Push Notification Dengan Firebase Laravel 9

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Trending
  • Comments
  • Latest
Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

June 2, 2022
Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

June 8, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

May 30, 2022
REST API Login dan Register Node.js dengan JWT

REST API Login dan Register Node.js dengan JWT

July 28, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

5
Rekomendasi tempat belajar pemrograman

Rekomendasi tempat belajar pemrograman

3
Menghilangkan Public dan Index.php dari URL Codeigniter 4

Menghilangkan Public dan Index.php dari URL Codeigniter 4

2
Membuat Sitemap Otomatis Codeigniter 4

Membuat Sitemap Otomatis Codeigniter 4

1
Access MongoDB With Node.JS

Akses MongoDB Dengan Node.JS

September 26, 2022
Teorema Structured Control

Basic Programming – Structured Control Theorem

September 23, 2022
WEB CRUD LocalStorage Menggunakan JavaScript

WEB CRUD LocalStorage Menggunakan JavaScript

September 22, 2022
DOM dan GOM Javascript

Perbedaan BOM Dan DOM Pada JavaScript

September 20, 2022
Teman Ngoding

Teman Ngoding tempat berbagi tutorial pemrograman
Read more

Categories

  • Berita
  • C++
  • Codeigniter
  • Events
  • Flutter
  • Golang
  • Java
  • Javascript
  • Laravel
  • MongoDB
  • News
  • Node JS
  • Pemrograman
  • PHP
  • Problem Solution
  • React JS
  • SQL
  • Tutorial
  • TypeScript
  • TypeScript
  • Video Codeigniter
  • Video Git
  • Video Laravel
  • Video Tutorial

Tags

ajax belajar golang belajar reactjs blog browser seluler Cara mendapatkan Uang dari Blog codeigniter codeigniter 3 codeigniter 4 codeigniter4 embed html Error Handling flutter flutter vs react native golang golang dasar html infinite scroll javascript javascript tutorial laravel laravel 8 laravel9 laravel 9 load more ajax Menggunakan Multiple select2 dan menyimpan dengan format json mongodb nodejs pdf pemrograman ajax pemrograman golang pemrograman php reactjs reactjs tutorial reactjs vs react native rest api rest api codeigniter 4 tutorial codeigniter 4 tutorial golang tutorial javascript tutorial laravel tutorial laravel 8 tutorial nodejs tutorial reactjs uang dari blog

Recent News

Access MongoDB With Node.JS

Akses MongoDB Dengan Node.JS

September 26, 2022
Teorema Structured Control

Basic Programming – Structured Control Theorem

September 23, 2022

© 2022 Teman Ngoding.

No Result
View All Result
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English

© 2022 Teman Ngoding.

Login to your account below

Forgotten Password?

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
  • English
  • Indonesia