【问题标题】:How to change this 24 hours time format in 12 Hours如何在 12 小时内更改此 24 小时时间格式
【发布时间】:2020-02-13 15:10:28
【问题描述】:

您好,我在编辑插件时遇到问题。这个插件的默认时间格式是 24 小时,但我也想用 AM/PM 将它转换成 12 小时。 这是我的代码

<div class="col-xs-4 col-sm-4 col-md-4">
    <div class="form-group qc-input-container">
        <select name="quickcab_form_departure_time_hour" id="quickcab_form_departure_time_hour" class="booking-input quickcab-select-input form-control" required>
            <option disabled selected><?php echo esc_html__('Hour', 'quickcab'); ?></option>
<?php
for ( $i = 1; $i <= 12; $i++ ) {
?>
            <option value="<?php echo sprintf('%02d', $i); ?>"><?php
                      echo sprintf('%02d', $i);
                    ?></option>
<?php
}
?>
        </select>
    </div>

【问题讨论】:

  • 你改变了 $i

标签: php wordpress time


【解决方案1】:

您可以使用date() 函数轻松获取 12 小时时间。我给你举个例子。

// suppose your time is 19:24:15
$date = '19:24:15'; 
echo date('h:i:s a', strtotime($date));

输出将是

07:24:15 pm

您也可以使用DateTime获取输出

$date = new DateTime('19:24:15');
echo $date->format('h:i:s a') ;

h 用于 12 位时间
i 表示分钟
s
a 将返回 am 或 pm(以大写形式用于 AM PM)

【讨论】:

  • 您在 OP 的代码中看到任何 DATE 类型的字段吗?或者像我一样,你只是看到一个 for 循环
【解决方案2】:

为了简单起见,您可以在 12 中添加另一个循环以获得完整的 24 小时,然后对 srinf() 进行简单更改即可获得 AM 和 PM,如下所示

sprintf('%02dAM', $i);

在第二个循环中

sprintf('%02dPM', $i)

所以你的代码

<div class="col-xs-4 col-sm-4 col-md-4">
<div class="form-group qc-input-container">
    <select name="quickcab_form_departure_time_hour" id="quickcab_form_departure_time_hour" class="booking-input quickcab-select-input form-control" required>
        <option disabled selected><?php echo esc_html__('Hour', 'quickcab'); ?></option>
<?php
// first 12 hours
for ( $i = 1; $i <= 12; $i++ ) {
?>
        <option value="<?php echo sprintf('%02dAM', $i); ?>"><?php echo sprintf('%02dAM', $i);?></option>
<?php
}
// second 12 hours
for ( $i = 1; $i <= 12; $i++ ) {
?>
        <option value="<?php echo sprintf('%02dPM', $i); ?>"><?php echo sprintf('%02dPM', $i);?></option>
<?php
}
?>

    </select>
</div>

【讨论】:

    猜你喜欢
    • 2012-11-11
    • 1970-01-01
    • 2021-08-05
    • 1970-01-01
    • 2018-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多