Cakephp 3.6.14：将日期时间字段设为只读

Question

我在CakePHP 中有一个日期时间控件，我正在尝试将其设为只读（readonly 属性适用于文本字段）。

这就是我尝试过的：

CakePHP 方式：

echo $this->Form->control('date_start', ['empty' => true, 'readonly' => 'readonly']);

或

echo $this->Form->control('date_start', ['empty' => true, 'readonly' => 'true']);

JavaScript：

$this->Html->scriptBlock("document.getElementById('#datestart').readonly = true;");

echo $this->Form->control('date_start', ['id' => 'datestart', 'empty' => true]);

但它们都不起作用。我怎样才能实现我想要的。

Answer 1

您正在寻找 disabled 属性：https://www.w3schools.com/TAGS/att_input_disabled.asp 请注意，如果输入被禁用，则不会提交（见下文）。

CakePHP：

echo $this->Form->control('date_start', ['empty' => true, 'disabled' => 'true']);

Jquery，获取或设置值（抱歉，我从未尝试过使用原生 Javascript）：

$( elem ).prop( "disabled" )

$( elem ).prop( "disabled", true )

如果输入被禁用，则不会提交。 也许这并不完全是你所期望的。 有关（许多）可能的解决方法，请参阅此问题： HTML form readonly SELECT tag/input