学习笔记（四）--WdatePicker、js设置文本框只读

迷南。 2024-02-18 16:24 32阅读 0赞

1、WdatePicker属性isShowClear:false禁用清空，功能类似于readonly ="readonly"防止把日期值delete掉，onpicked属性定制自定义函数:示例：

以下是其定义的函数changeTime：

function changeTime()\{  
var sportTimeVal = document.getElementById("sportTime").value;  
if(sportTimeVal != document.getElementById("sportTime2").value)\{  
location.href = "/yh/rgm/sportLog\_toEdit.action?sportTime=" + document.getElementById("sportTime").value;  
\}  
\}

2、当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式。

3.data-options的属性及其默认值:

<table style="color:rgb(85,85,85); font-family:&quot;microsoft yahei&quot;; font-size:15px"> 
 <tbody> 
 <tr> 
 <td> disabled </td> 
 <td> boolean </td> 
 <td> 定义是否禁用该字段。 </td> 
 <td> false </td> 
 </tr> 
 <tr> 
 <td style="background:rgb(246,244,240)"> value </td> 
 <td style="background:rgb(246,244,240)"> number </td> 
 <td style="background:rgb(246,244,240)"> 默认值。 </td> 
 <td style="background:rgb(246,244,240)"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> min </td> 
 <td> number </td> 
 <td> 允许的最小值。 </td> 
 <td> null </td> 
 </tr> 
 <tr> 
 <td style="background:rgb(246,244,240)"> max </td> 
 <td style="background:rgb(246,244,240)"> number </td> 
 <td style="background:rgb(246,244,240)"> 允许的最大值。 </td> 
 <td style="background:rgb(246,244,240)"> null </td> 
 </tr> 
 <tr> 
 <td> precision </td> 
 <td> number </td> 
 <td> 显示在小数点后面的最大精度。 </td> 
 <td> 0 </td> 
 </tr> 
 <tr> 
 <td style="background:rgb(246,244,240)"> decimalSeparator </td> 
 <td style="background:rgb(246,244,240)"> string </td> 
 <td style="background:rgb(246,244,240)"> 分隔数字的整数部分和小数部分的分隔字符。 </td> 
 <td style="background:rgb(246,244,240)"> . </td> 
 </tr> 
 <tr> 
 <td> groupSeparator </td> 
 <td> string </td> 
 <td> 分隔整数组合的字符。 </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="background:rgb(246,244,240)"> prefix </td> 
 <td style="background:rgb(246,244,240)"> string </td> 
 <td style="background:rgb(246,244,240)"> 前缀字符串。 </td> 
 <td style="background:rgb(246,244,240)"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> suffix </td> 
 <td> string </td> 
 <td> 后缀字符串。 </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="background:rgb(246,244,240)"> filter </td> 
 <td style="background:rgb(246,244,240)"> function(e) </td> 
 <td style="background:rgb(246,244,240)"> 定义如何过滤被按下的键，返回 true 则接受输入字符。 该属性自版本 1.3.3 起可用。 </td> 
 <td style="background:rgb(246,244,240)"> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> formatter </td> 
 <td> function(value) </td> 
 <td> 用来格式数字框（numberbox）值的函数。返回显示在框中的字符串值。 </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td style="background:rgb(246,244,240)"> parser </td> 
 <td style="background:rgb(246,244,240)"> function(s) </td> 
 <td style="background:rgb(246,244,240)"> 用来解析字符串的函数。返回数字框（numberbox）值。 </td> 
 </tr> 
 </tbody> 
</table>

**js动态实现文本框不可编辑状态**

两种方法:

$("\#id").attr("readOnly",false); 不可编辑，可以传值

$("\#id").attr("disabled",false);不可编辑，不可以传值

注意readOnly 中的O是大写