Question

我有一个GSP textField，我已为其分配了一个datePicker类。我希望用户不能在字段中写，而只能从字段中选择日期。任何建议将不胜感激。我的代码是

<g:textField name="referralDate" class="required datePicker copyPastePrevent" value="${dateDisplayFormat(date: note?.referralDate)}"/>

可能的解决方案是什么？

Answer 1

尝试将只读放在文本字段标记的末尾。

<g:textField name="referralDate" class="required datePicker copyPastePrevent" value="${dateDisplayFormat(date: note?.referralDate)}" readonly/>

或尝试 disabled =“ true”

<g:textField name="referralDate" class="required datePicker copyPastePrevent" value="${dateDisplayFormat(date: note?.referralDate)}" disabled="true"/>

或 readonly =“ readonly”

<g:textField name="referralDate" class="required datePicker copyPastePrevent" value="${dateDisplayFormat(date: note?.referralDate)}" readonly="readonly/>

Answer 2

尝试放置只读属性

<g:textField name="referralDate" class="required datePicker copyPastePrevent" value="${dateDisplayFormat(date: note?.referralDate)}"/>

如果datepicker停止工作，请尝试使用它

$( ".datePicker" ).focus(function() {
    $('.datePicker').datepicker();
    $('.datePicker').datepicker('show');
});

Answer 3

尝试这个，您必须使用

 <g:field/>

标签。如果您使用 disabled =“ true” 而不提交表单。

<g:field type="text" name="referralDate" readonly="readonly" value="${dateDisplayFormat(date: note?.referralDate)}"/>

如何使文本字段不可编辑？

3 个答案: