日期选择(DatePicker)

功能说明

该控件用于显示日期。

HTML5

  1. <input id="datepicker0" month="2" year="2015" day="3" type="datepicker" format= yyyy-MM-dd/>

属性列表

属性名 属性值 说明
value 仅支持get,最终可用获得的时间类型(yyyy-MM-dd)
year 2016 显示年信息
month 12 显示月信息
day 15 显示日信息
bindfield 控件绑定字段

支持公共属性
参见公共属性说明

事件列表

事件名 说明
onchange 日期控件内容改变时触发的事件

支持公共事件
参见公共事件说明

实例

1、 对控件操作

  1. <input id="datepicker0" month="2" year="2015" day="3" type="datepicker" format= yyyy-MM-dd/>
  1. $id("datepicker0").get("value"); //获得时间 2015-02-03 ,注:可通过改变format(yyyy年M月d日)改变获取的时间值
  2. //设置年
  3. $id("datepicker0").set("year","2015");
  4. $id("datepicker0").get("year");
  5. //设置月
  6. $id("datepicker0").set("month","2015");
  7. $id("datepicker0").get("month");
  8. //设置日
  9. $id("datepicker0").set("day","2015");
  10. $id("datepicker0").get("day");

2、onchange事件的使用

  1. <input id="datepicker0" month="2" year="2015" day="3" type="datepicker" format= yyyy-MM-ddonchange="change()"/>
  1. function change(sender, args){
  2. var v = $id("datepicker0").get("value");
  3. $alert("当前日期控件时间:"+v);//结果为:当前日期控件时间:2015-02-03
  4. }
文档更新时间: 2018-01-15 14:30