Cara menggunakan menampilkan kalender di php

Kalender PHP dapat bermanfaat. Anda dapat melakukan hal-hal yang sederhana seperti menunjukkan tanggal, dan serumit pengaturan sistem pemesanan online. Artikel ini menunjukkan cara menghasilkan kalender PHP sederhana. Saat Anda memahami cara melakukan ini, Anda akan dapat menerapkan konsep yang sama ke kalender rumit yang mungkin Anda butuhkan.

Table of Contents Show

Hari-hari dalam seminggu
Judul dan Hari Kalender Kosong
Hari dalam Bulan Ini
Menyelesaikan Kalender

> Bagian pertama dari kode ini menetapkan beberapa variabel yang dibutuhkan nanti di skrip. Langkah pertama adalah mencari tahu tanggal berapa saat ini menggunakan fungsi waktu () . Kemudian, Anda dapat menggunakan fungsi tanggal () untuk memformat tanggal dengan tepat untuk variabel $ day, $ month dan $ year. Akhirnya, kode menghasilkan nama bulan, yang merupakan judul kalender.

02 dari 05

Hari-hari dalam seminggu

> // Di sini Anda mengetahui hari apa dalam minggu di hari pertama bulan itu jatuh pada $ day_of_week = tanggal ('D', $ first_day); // Begitu Anda tahu hari apa minggu itu, kita tahu berapa banyak hari kosong yang terjadi sebelumnya. Jika hari pertama dalam minggu adalah hari Minggu, maka itu adalah nol saklar ($ day_of_week) {case "Sun": $ blank = 0; istirahat; case "Mon": $ blank = 1; istirahat; case "Tue": $ blank = 2; istirahat; case "Wed": $ blank = 3; istirahat; case "Thu": $ blank = 4; istirahat; case "Fri": $ blank = 5; istirahat; case "Sat": $ blank = 6; istirahat; } // Kami kemudian menentukan berapa hari dalam bulan saat ini $ days_in_month = cal_days_in_month (0, $ bulan, $ tahun);

Di sini Anda melihat lebih dekat pada hari-hari dalam bulan itu dan bersiap untuk membuat tabel kalender. Hal pertama adalah menentukan pada hari mana dari minggu pertama bulan jatuh. Dengan pengetahuan itu, Anda menggunakan fungsi switch () untuk menentukan berapa hari kosong diperlukan dalam kalender sebelum hari pertama.

Selanjutnya, hitung total hari dalam sebulan. Ketika Anda tahu berapa banyak hari kosong yang diperlukan dan berapa hari total dalam sebulan, kalender dapat dihasilkan.

03 dari 05

Judul dan Hari Kalender Kosong

> // Di sini Anda mulai membuat kepala meja bergema ""; echo "$ title $ year"; echo "SMTWTFS"; // Ini menghitung hari dalam seminggu, hingga 7 $ day_count = 1; echo ""; // pertama Anda mengurus hari-hari kosong sementara ($ kosong> 0) {echo ""; $ blank = $ blank-1; $ day_count ++; }

Bagian pertama dari kode ini menggemakan label tabel, nama bulan dan judul untuk hari-hari dalam seminggu. Kemudian memulai loop sementara yang mengulang rincian tabel kosong, satu untuk setiap hari kosong untuk menghitung mundur. Ketika hari-hari kosong selesai, itu berhenti. Pada saat yang sama, $ day_count naik sebesar 1 setiap kali melalui loop. Ini terus menghitung untuk mencegah menempatkan lebih dari tujuh hari dalam seminggu.

04 dari 05

Hari dalam Bulan Ini

> // menetapkan hari pertama dari bulan ke 1 $ day_num = 1; // hitung hari, sampai Anda menyelesaikan semuanya di bulan sementara ($ day_num $ day_num "; $ day_num ++; $ day_count ++; // Pastikan Anda memulai baris baru setiap minggu jika ($ day_count> 7) {echo ""; $ day_count = 1;}

Pengulangan loop yang lain mengisi hari-hari dalam sebulan, tetapi kali ini menghitung hingga hari terakhir setiap bulan. Setiap siklus menggemakan detail tabel dengan hari pada bulan itu, dan mengulangi hingga mencapai hari terakhir setiap bulan.

Lingkaran juga mengandung pernyataan bersyarat . Ini memeriksa apakah hari-hari dalam seminggu sudah mencapai 7 — akhir minggu. Jika sudah, itu memulai baris baru dan me-reset counter kembali ke 1.

05 dari 05

Menyelesaikan Kalender

> // Akhirnya Anda menyelesaikan tabel dengan beberapa detail kosong jika diperlukan saat ($ day_count> 1 && $ day_count "; $ day_count ++;} echo" ";

Satu saat terakhir loop selesai kalender. Yang satu ini mengisi sisa kalender dengan detail tabel kosong jika diperlukan. Kemudian meja ditutup dan skripnya selesai.

HTML 5.0 merupakan versi HTML yangterbaru pada saat ini. Ada banyak sekali fitur yang tersedia dalam HTML 5 ini. Selain ada penambahan fitur juga ada beberapa fitur-fitur pada versi HTML sebelumnya yang di hilangkan. Pada waktu SMA saya pernah desain web dengan frame, nah pada HTML versi 5 ini sudah tidak lagi menggunakan frame atau frameset, yang sekarang sudah diganti dengan new semantic elemen. Apa maksud dari new semantic elemen? Sahabat bisa baca artikel tentang dasar-dasar HTML ini.

Ok, back to topic, pada HTML 5 untuk menampilkan form kalender hanya membutuhkan 1 baris syntax, yaitu dengan penulisan HTML sebagai berikut

<input type="date" name="tanggal">

Maksud dari syntax di atas, type=date menyatakan jenis inputnya tipe nya barupa tanggal , sedangkan name merupakan nama identitas form yang nantinya, akan di eksekusi ke proses selanjutnya. Berdasarkan syntax tersebut bisa sahabat ganti dengan tipe yang lain jika ingin menginginkan tampilan yang lain, misal type bisa di ganti text atautype=text jika sahabat ingin menampilkan field untuk inputan teks. Type pada field bervariasi bisa text, password, textarea, submit, reset, dll

Teknik penulisan tersebut pada HTML sebagai berikut:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Tanggal : <input type="date" name="tanggal">

</body>

</html>

Untuk tampilan syntax di atas dapat dilihat pada gambar berikut ini.

setelah dipilih maka akan tampil seperti pada gambar berikut ini:

Cara menampilkan Form kalender dengan cara kedua yaitu dengan menggunakan bantuan framework bootstrap.

Bootstrap merupakan sebuah framework CSS yang dapat digunakan untuk mempermudah membangun tampilan web. Bootstrap yang pertama kali dikembangkan oleh mark otto dan Jacob Thornton pada pertengahan 2010 bersifat open source dengan lisensi MIT.

Datepicker adalah sebuah popup yang menampilkan kalender yang berfungsi untuk memudahkan pengguna dalam memasukkan tanggal sampai tahun kedalam suatu inputan text.

Sedangkan cara membuat tampilan kalender dengan menggunakan date picker bootsrap sebagai berikut:

1. Langkah pertama yaitu download file bootstrap, Jquery dan Javascript.

2. Setelah semua file di download, maka langkah selanjutnya membuat file datepicker.html dengan kode sebagai berikut

<!DOCTYPE html>

<html>

<head>

type=text2

type=text3

type=text4

</head>

<body>

type=text7

type=text8

type=text9

<html>0

<html>1

<html>2

<html>3

<html>4

<html>5

<html>6

<html>7

<html>8

<html>9

<head>0

<head>1

<head>2

<head>3

<head>4

<head>5

<head>6

<head>7

<head>8

<head>9

</head>0

</head>1

</head>2

</head>3

</head>4

</head>5

</head>6

</head>7

</body>

</html>

3. Jika sudah di simpan maka jalankan file datepicker.html pada browser kesayangan anda, jika penulisan tidak ada kesalahan maka akan menghasilkan tampilan sebagai berikut:

4. Akan menampilkan kalender jika pointer anda di tempatkan di field text diatas, dan akan menghasilkan tampilan kalender sebagai berikut:

jika sudah di pilih maka akan tampil seperti

Demikian artikel tentang datepicker dengan menggunakan bootstrap, semoga bermanfaat. Untuk hasil file projek datepicker menggunakan bootstrap dapat didownload pada link berikut ini.