formHelper类型时间:避免烦人的下拉选择输入?

时间:2013-11-27 11:39:24

标签: html5 forms cakephp

当我对类型'time'字段使用cakePHP表单助手时,它会自动生成下拉选择输入,而不是简单易用的html5类型时间键盘输入like this

任何人都可以快速解决这个问题吗? (最好没有任何javascript)

谢谢!

2 个答案:

答案 0 :(得分:0)

仅供参考,最后我使用了jQuery timepicker,这工作正常! find it here 通过cakePHP导入css和js之后,它非常容易使用。

例如:

使用这样的表单元素(注意type => text)

echo $this->Form->input('time', array(
'type'=>'text',
'label'=>'Réel',
'div'=> array(
'class'=>'two columns')
));

你只需用

来调用它
<script>
    $('#TimeID').timepicker();
</script>

答案 1 :(得分:-1)

只需手动添加即可锁定类型。 因此,如果您想为JS片段使用文本字段:

echo $this->Form->input('time', array('type' => 'text'));

你也可以做任何其他事情(手动)。

对于“时间”,您可以尝试

echo $this->Form->input('time', array('type' => 'time'));

如有必要,请不要忘记调整数据表单输入。

但要小心HTML5的东西。这并不适合所有浏览器,因此可能导致某些问题。