0

这是我的 jQuery 代码

 $( "#loanMaturityDate" ).datepicker({
          dateFormat: 'dd/mm/yy',
          changeMonth:true,
          changeYear:true,
        });

我观察到它允许我在输入框中粘贴字母，即使我已将其设为只读

<form:input  id = "loanMaturityDate" path = "loanMaturityDate" readonly = "readonly" size = "16"/>

还允许我使用键盘输入像 1111111 这样的数字。

这是什么原因？我该如何限制呢？

4

1 回答 1

0

您可以使用以下命令将日期选择器输入文本设置为只读。当您单击日历时，日期选择器将显示我与您共享代码。

<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Icon trigger</title>
<link rel="stylesheet"href=
 "http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css/>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="style.css" />
<script>
$(function() {

$( "#datepicker" ).datepicker({
  showOn: "button",
  buttonImage: "images/calendar.gif",
  buttonImageOnly: true
});


$("#datepicker").attr('readonly', true);
});
</script>
</head>
<body>

<p>Date: <input type="text" id="datepicker" readonly="readonly"/></p>


</body>
</html>
于 2013-09-25T11:00:54.470 回答