如何在CakePHP表单中以DD/MM/YYYY格式显示ORM获取的日期值

改成DD/MM/YYYY格式的文本输入框 #

直接将表单字段类型指定为text，添加前端格式提示与验证，同时在后端处理格式转换以适配数据库存储：

模板代码修改 #

echo $this->Form->input('Applicant.application_date', [
    'type' => 'text',
    'placeholder' => 'DD/MM/YYYY',
    'between' => $star,
    'pattern' => '\d{2}/\d{2}/\d{4}' // 前端正则验证输入格式
]);

后端格式转换（模型层处理） #

在Applicant模型中添加beforeSave回调，将用户输入的DD/MM/YYYY格式转换为数据库支持的YYYY-MM-DD格式：

public function beforeSave($options = []) {
    if (!empty($this->data['Applicant']['application_date'])) {
        $dateObj = DateTime::createFromFormat('d/m/Y', $this->data['Applicant']['application_date']);
        if ($dateObj) {
            $this->data['Applicant']['application_date'] = $dateObj->format('Y-m-d');
        }
    }
    return parent::beforeSave($options);
}

改成日期选择器 #

有两种常见实现方式：原生HTML5日期选择器，或第三方JS日期选择器（如jQuery UI Datepicker）。

方式1：原生HTML5日期选择器 #

直接指定字段类型为date，浏览器会自动渲染原生日期选择控件，注意原生控件的默认值需为YYYY-MM-DD格式：

// 回显已有日期时，直接使用数据库存储的YYYY-MM-DD格式即可
$defaultDate = !empty($this->request->data['Applicant']['application_date']) ? 
    $this->request->data['Applicant']['application_date'] : '';

echo $this->Form->input('Applicant.application_date', [
    'type' => 'date',
    'between' => $star,
    'value' => $defaultDate
]);

注：原生日期选择器的显示格式可能因浏览器不同有所差异，若需统一DD/MM/YYYY显示，建议使用JS插件。

方式2：jQuery UI Datepicker #

确保项目已引入jQuery和jQuery UI的CSS/JS文件，然后修改模板代码：

echo $this->Form->input('Applicant.application_date', [
    'type' => 'text',
    'id' => 'applicationDate',
    'between' => $star,
    'placeholder' => '选择日期'
]);

// 初始化日期选择器
$this->Html->scriptStart();
?>
$(function() {
    $('#applicationDate').datepicker({
        dateFormat: 'dd/mm/yy', // 设置显示为DD/MM/YYYY格式
        changeMonth: true, // 允许选择月份
        changeYear: true, // 允许选择年份
        yearRange: '1900:' + new Date().getFullYear() // 限定年份范围
    });
});
<?php
$this->Html->scriptEnd();

同样需要在模型的beforeSave回调中处理格式转换，逻辑与文本输入框的后端处理一致。

内容的提问来源于stack exchange，提问作者iamdeed