tôi đang đọc các giá trị thời gian từ Bảng Mysql của mình và muốn gán chúng cho bộ chọn thời gian để hiển thị chúng ở đó. Bạn có thể vui lòng giúp tôi, làm thế nào tôi phải làm điều này?
Cảm ơn bạn
Gerd
hành vi thực tế
Tài nguyên [ảnh chụp màn hình, đoạn mã, v.v. ]
Nếu bạn muốn cung cấp danh sách thả xuống bộ chọn thời gian để chọn thời gian, thì có nhiều tùy chọn để làm điều đó. Bạn có thể sử dụng các plugin jQuery để cung cấp bộ chọn thời gian cho người dùng hoặc tạo danh sách thả xuống bộ chọn thời gian tùy chỉnh bằng PHP. Nếu bạn lo lắng về thời gian tải trang web, thì sẽ tốt hơn nếu sử dụng trình đơn thả xuống phạm vi thời gian tùy chỉnh để chọn thời gian. Sử dụng PHP, bạn có thể dễ dàng tạo một mảng phạm vi thời gian giúp bạn tạo HTML thả xuống bộ chọn thời gian. Trong hướng dẫn ngắn này, chúng tôi sẽ chỉ cho bạn cách tạo phạm vi thời gian trong PHP và hiển thị trình đơn thả xuống bộ chọn thời gian bằng cách sử dụng mảng phạm vi thời gian
Để có khả năng sử dụng tốt hơn, chúng tôi sẽ đặt tất cả mã vào một hàm PHP có tên là create_time_range[]
. Sử dụng chức năng create_time_range[]
, bạn có thể dễ dàng nhận được phạm vi thời gian dựa trên khoảng thời gian cần thiết của mình. Hàm create_time_range[]
tạo một mảng phạm vi thời gian với khoảng thời gian được chỉ định. Hàm create_time_range[]
chấp nhận bốn tham số và trả về mảng phạm vi thời gian
$start
» Bắt buộc. Chỉ định thời gian bắt đầu. e. g. , 7. 30 giờ sáng hoặc 7. 30$end
» Bắt buộc. Chỉ định thời gian kết thúc. e. g. , số 8. 30pm hoặc 20. 30// create array of time ranges
0 » Tùy chọn. Chỉ định khoảng thời gian được sử dụng trong phạm vi thời gian. e. g. , 1 giờ, 1 phút, 1 giây, v.v.
$times = create_time_range['7:30', '18:30', '30 mins'];// create array of time ranges
1 » Tùy chọn. Chỉ định định dạng thời gian bạn muốn nhận trong phạm vi thời gian. e. g. , 12 hoặc 24
$times = create_time_range['7:30', '18:30', '30 mins'];
/**
* create time range by CodexWorld
*
* @param mixed $start start time, e.g., 7:30am or 7:30
* @param mixed $end end time, e.g., 8:30pm or 20:30
* @param string $interval time intervals, 1 hour, 1 mins, 1 secs, etc.
* @param string $format time format, e.g., 12 or 24
*/
function create_time_range[$start, $end, $interval = '30 mins', $format = '12'] {
$startTime = strtotime[$start];
$endTime = strtotime[$end];
$returnTimeFormat = [$format == '12']?'g:i:s A':'G:i:s';$current = time[];
$addTime = strtotime['+'.$interval, $current];
$diff = $addTime - $current;$times = array[];
while [$startTime 7:30:00 AM [1] => 8:00:00 AM [2] => 8:30:00 AM [3] => 9:00:00 AM [4] => 9:30:00 AM [5] => 10:00:00 AM [6] => 10:30:00 AM [7] => 11:00:00 AM [8] => 11:30:00 AM [9] => 12:00:00 PM [10] => 12:30:00 PM [11] => 1:00:00 PM [12] => 1:30:00 PM [13] => 2:00:00 PM [14] => 2:30:00 PM [15] => 3:00:00 PM [16] => 3:30:00 PM [17] => 4:00:00 PM [18] => 4:30:00 PM [19] => 5:00:00 PM [20] => 5:30:00 PM [21] => 6:00:00 PM [22] => 6:30:00 PM ]
Mã HTML và PHP sau đây sẽ tạo danh sách thả xuống bộ chọn thời gian bằng cách sử dụng mảng phạm vi thời gian
$val]{ ?>
Bạn có muốn nhận trợ giúp triển khai hay sửa đổi hoặc nâng cao chức năng của tập lệnh này không?
Bộ chọn ngày giờ rất hữu ích để kích hoạt trường nhập cho mục nhập ngày và giờ. Bộ chọn ngày giờ cung cấp một cách thân thiện với người dùng để chọn ngày và giờ. Người dùng có thể chọn ngày và giờ từ hộp thoại chọn Ngày giờ mà không cần nhập thủ công vào trường nhập liệu. Nếu ứng dụng web của bạn sử dụng khung Bootstrap, bạn có thể dễ dàng thêm bộ chọn DateTime vào trường nhập bằng cách sử dụng plugin Bootstrap DateTime Picker jQuery
Plugin bootstrap DateTimePicker giúp thêm bộ chọn DateTime trong phần tử đầu vào của biểu mẫu bằng jQuery. Nó cung cấp một giải pháp tức thời để thêm cửa sổ bật lên datetimepicker trong trường biểu mẫu để chọn ngày và giờ trong trang web. Bạn có thể cho phép người dùng chọn ngày, tháng, năm, giờ và phút bằng một cú nhấp chuột từ trình đơn thả xuống của bộ chọn Ngày giờ. Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thêm datetimepicker vào trường biểu mẫu để chọn ngày và giờ trong Bootstrap
Thư viện Bootstrap
Để sử dụng Bootstrap framework trong website, hãy đưa vào file thư viện Bootstrap và jQuery
Bootstrap Bộ chọn ngày giờ
Bao gồm thư viện CSS và JS của plugin Bootstrap Datetimepicker
Bộ chọn ngày giờ
Đoạn mã sau thêm datetimepicker để chọn ngày và giờ
Xác định một phần tử HTML để thêm bộ chọn DateTime
________số 8_______Gọi phương thức
2 để khởi tạo plugin DateTime Picker________số 8_______Thêm Bộ chọn Ngày-Giờ vào Trường Nhập bằng jQuery
Bộ chọn DateTime cung cấp các tùy chọn khác nhau để tùy chỉnh hộp DateTimePicker. Các ví dụ sau đây là một số cấu hình nâng cao cho hộp thoại Bộ chọn Ngày Giờ
Bộ chọn ngày giờ nội tuyến
Đoạn mã sau thêm datetimepicker vào phần tử DIV nội tuyến
Bộ chọn ngày giờ với Tự động đóng
Sau khi người dùng chọn ngày & giờ, bộ đếm ngày giờ sẽ tự động đóng
Bộ chọn ngày giờ với liên kết hôm nay
Liên kết Hôm nay sẽ xuất hiện bên dưới công cụ chọn ngày giờ để chọn ngày giờ hiện tại
Vô hiệu hóa các ngày trước đó từ Bộ chọn ngày giờ
Sử dụng tùy chọn
3 và chỉ định ngày hiện tại để tắt các ngày trong quá khứBộ chọn ngày giờ với phạm vi ngày
Sử dụng phương pháp
4 và 5 để chọn phạm vi ngày [ngày bắt đầu và ngày kết thúc]2
DateTimePicker chỉ với Bộ chọn ngày
Đoạn mã sau chỉ hiển thị bộ chọn ngày để chỉ chọn ngày
DateTimePicker chỉ với Time Picker
Đoạn mã sau chỉ hiển thị bộ chọn thời gian để chỉ chọn thời gian
Gửi và chèn giá trị trường ngày giờ vào cơ sở dữ liệu
Bây giờ, chúng tôi sẽ chỉ cho bạn cách gửi trường biểu mẫu ngày giờ và chèn dưới dạng định dạng DATETIME vào cơ sở dữ liệu bằng PHP và MySQL. Để hiểu rõ hơn, chúng ta sẽ xây dựng một tập lệnh PHP mẫu gửi tên sự kiện và ngày & giờ vào cơ sở dữ liệu MySQL
Tạo bảng cơ sở dữ liệu
Một bảng cần được tạo trong cơ sở dữ liệu để lưu trữ tên sự kiện và ngày giờ. SQL sau đây tạo một bảng
8
Mã HTML
HTML sau chứa hai trường biểu mẫu, một trường để nhập văn bản [tên sự kiện] và một trường khác để nhập ngày giờ [ngày & giờ sự kiện]
9
Mã JavaScript
Chỉ định bộ chọn phần tử [
Mã PHP
Chỉ định máy chủ cơ sở dữ liệu [
Phần kết luận
DateTimePicker giúp làm cho trường nhập ngày giờ thân thiện với người dùng. Bạn có thể chuyển đổi trường đầu vào thành bộ chọn Ngày giờ bằng jQuery. Mã ví dụ của chúng tôi cho phép bạn thêm bộ chọn DateTime vào trường nhập văn bản bằng plugin Bootstrap DateTimePicker. Ngoài ra, bạn có thể tùy chỉnh DateTimePicker với các tùy chọn cấu hình khác nhau theo nhu cầu của mình
Bạn có muốn nhận trợ giúp triển khai hay sửa đổi hoặc nâng cao chức năng của tập lệnh này không?