# hlsDatePicker标签（时间控件）

日期选择器(不包含时分秒)

xml配置
```xml
<!--基本用法-->
 <h:hlsDatePicker  id="hlsDatePickerId" bind="enabled:isEnabled,value:data.value" placeholder="hlsDatePicker"/>
```
### **主要属性**

属性名    | 类型 | 说明 |
-------- | -----| --- | 
promptColspan | Integer |  描述字段所占列数  |
promptClassName | String|  描述的样式名称  |
prompt | String|   描述   |
colspan | Integer |  datePicker所占列数   |
hlsClassName | String |  样式名称   |
animation | Boolean |  动画  |
format| String |    格式化    |
max| String |   最大时间     |
min| String |   最小时间      |
value | String |   值  |
name | String |   name属性  |
bind | Function |   绑定数据  |
required | Boolean | 必输  |
change | Function |  chang事件   |
placeholder | String |   占位符  |
timeFormat |String|     时间格式化   |
> **提示:** 属性用法请参考kendoui API文档 http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker


### **用法示例**

```javascript
//注意是写在script标签内的
var viewModel = kendo.observable({
    data:{},
     isEnabled:true
});

function open(){
//...
}

function change(e){
//...
}

```

```xml
<h:hlsDatePicker  id="hlsDatePickerId"bind="enabled: isEnabled,value:data.value" 
        style="width:200px;"
        max="2016-6-6"
        placeholder="hlsDatePicker"
        open="open"
        required="true"
        change="change"
        prompt="日期选择器:"
        />
 
 
id:可写可不写;
bind:属性里面包含配置两个选项:
   (1)enabled配置日期选择器是否可以编辑,值为Boolean类型的变量,在viewModel里面配置。
   (2)value配置日期选择器与变量关联,默认是在ViewModel下面的变量;
max:可选择日期的上限值;
style可改变该控件的样式;
open:点击控件调用的方法;
change:选择日期之后的事件;
prompt:为控件添加一个label,该属性一般和<h:hlsForm>、<h:hlsHBox>一起使用;
```



> **提示:**

> - 上述所有属性直接添加在标签内即可，（**[属性名] = "..."**）,对于既是**String**类型又是**Function**类型的属性，只需要加**fn:**前缀区分即可,（**fn:函数名**）
> - 对于**max min**等本该是**时间类型**的属性，改为日期字符串，且连接符号为"**-**"








