Date Range Picker + PHP เลือกช่วงวันที่และเก็บลงฐานข้อมูล

ใน workshop นี้จะพาทำฟอร์มการเลือกวันที่แบบง่ายๆ คือเลือกวันเริ่มต้น – วันที่สิ้นสุดโดยใช้  Date Range Picker

แต่ตอนแสดงผลบนฟอร์มจะแสดงแค่ text field เดียว เช่น ในกรอบสีแดง

ซึ่งตอนเรา action ไปเก็บในตาราง เราอาจจะเก็บในฟิลด์เดียวกันก็ได้ หรืออยากจะแยกก็ได้

**ใน workshop นี้จะพาแยกเก็บเป็น 2 ฟิลด์ คือ  datestart และ dateend 

Code form

จะ action ไปที่ไฟล์  datedb.php

ผลการทำงาน

พอเราคลิกตรงช่องให้เลือกวันที่ ก็จะแสดงวันที่เลือกเริ่มต้น – ไปวันที่สิ้นสุด

 

และเมื่อเราคลิกที่ปุ่ม Save ก็จะ Action ไปที่สคลิป   ผลการทำงานคือ

จะ print_r ออกมาแสดงก่อน จะสังเกตเห็นว่าส่งมาแค่ฟิลด์เดียวคือ daterange จากนั้นเราก็มาแยกออกเป็น 2 ตัวแปรเพื่อเก็บเข้าฐานข้อมูลต่อไป

Array ( [daterange] => 01/01/2017 – 28/02/2017 [save] => )
ds: 01/01/2017
de: 28/02/2017

ลองประยุกต์ใช้ดูนะครับ  ไม่ยากๆ  ^_^

cr.http://www.daterangepicker.com/

รวมคลิปสอนเขียนเว็บแบบบ้านๆ แต่สวย

 

 

มีความสนใจเทคโนโลยีที่ใช้พัฒนาเว็บไซต์ และอยากแบ่งปันความรู้ด้านการพัฒนาเว็บไซต์และอื่นๆอีกมากมาย…

(Visited 1,510 times, 38 visits today)

Related posts:

การเรียกข้อมูลมาแก้ไข Update, SQL, PHP
เช็คข้อมูล กรณีไม่มีข้อมูลใน database PHP
AJAX เช็คข้อมูลการสมัครสมาชิก PHP
ป้องกันบันทึกข้อมูลซ้ำ PHP
ระบบ Login-Logout โดยตรวจสอบ Admin และ Member พร้อม code [PHP + MD5+MySqli...
WEB.10 โปรแกรมค้นหาข้อมูลจาก database ตอนที่ 1 Dreamweaver+php [devbanban.c...
WE.12 การใช้งาน data table ร่วมกับ Dreamweaver + php + database
Free Template 05 Form Login + code ตัวอย่าง
คำนวณวันที่ php, Date Calculate
Free Template 22 : เปลี่ยนสีเมนู Navbar Bootstrap ได้ดั่งใจ ฟรี code