<?php
/*
Template Name: Image Gallery by Date
*/
get_header();
?>
<div id="primary" class="content-area">
<main id="main" class="site-main">
<h1>Image Gallery by Date</h1>
<!-- Biểu mẫu chọn ngày -->
<form method="post">
<label for="selected_date">Select a Date: </label>
<input type="date" id="selected_date" name="selected_date" value="<?php echo empty($_POST['selected_date']) ? date('Y-m-d') : esc_attr($_POST['selected_date']); ?>">
<input type="submit" value="Show Images">
</form>
<?php
// Hiển thị ảnh tương ứng với ngày được chọn hoặc ngày hôm nay
$selected_date = empty($_POST['selected_date']) ? date('Y-m-d') : $_POST['selected_date'];
$image_folder = '/path/to/your/image/folder';
$images = get_images_by_date($image_folder, $selected_date);
if (!empty($images)) {
echo '<h2>Images on ' . $selected_date . '</h2>';
echo '<ul class="image-list">';
foreach ($images as $image) {
echo '<li>';
echo '<img src="' . $image['filename'] . '" alt="' . $image['date'] . '">';
echo '<p>' . $image['date'] . '</p>';
echo '</li>';
}
echo '</ul>';
} else {
echo '<p>No images found for ' . $selected_date . '</p>';
}
?>
</main><!-- #main -->
</div><!-- #primary -->
<?php
get_footer();
?>
<?php
function get_images_by_date($folder, $selected_date) {
$image_list = [];
$files = scandir($folder);
foreach ($files as $filename) {
$filepath = $folder . '/' . $filename;
if (is_file($filepath) && preg_match('/\.(jpg|jpeg|png)$/', $filename)) {
// Extract date from the filename assuming it's in the format YYYY-MM-DD
$date_parts = explode('-', basename($filename, '.jpg'));
$date = implode('-', array_slice($date_parts, 0, 3));
if ($date == $selected_date) {
$image_list[] = ['filename' => $filepath, 'date' => $date];
}
}
}
return $image_list;
}
?>