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

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

<input type="text" class="Wdate" onclick="WdatePicker({isShowClear:false,onpicked:changeTime})" id = "sportTime" name="sportTime"   value='' onclick="WdatePicker()" style="width: 100px;"onchange=" changeTime(this.value)"  /> 

<input type="hidden" id="sportTime2" value="" />

以下是其定义的函数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的属性及其默认值:

disabled

boolean

定义是否禁用该字段。

false

value

number

默认值。

 

min

number

允许的最小值。

null

max

number

允许的最大值。

null

precision

number

显示在小数点后面的最大精度。

0

decimalSeparator

string

分隔数字的整数部分和小数部分的分隔字符。

.

groupSeparator

string

分隔整数组合的字符。

 

prefix

string

前缀字符串。

 

suffix

string

后缀字符串。

 

filter

function(e)

定义如何过滤被按下的键，返回 true 则接受输入字符。

该属性自版本 1.3.3 起可用。

 

formatter

function(value)

用来格式数字框（numberbox）值的函数。返回显示在框中的字符串值。

 

parser

function(s)

用来解析字符串的函数。返回数字框（numberbox）值。

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

两种方法:

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

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

注意readOnly 中的O是大写