# 日期选择器
本文介绍日期选择器配置项含义。
#### 操作步骤
1. 在大屏页面左侧的组件区域单击![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002539693395.png)，切换至其他组件页。
2. 单击或拖动"日期选择器"组件至画布区域。
3. 设置[样式]、[交互]相关参数。
   图1日期选择器效果图   
   ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002539694091.png) 
 
 #### 样式
- 尺寸位置
  - W：设置图表的宽，单位为px。
  
  - H：设置图表的高，单位为px。
  
  - X：设置图表在画布中的位置，单位为px。
  
  - Y：设置图表在画布中的位置，单位为px。
  
  - 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
  
  
  图2尺寸位置   
  ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001810595925.png "点击放大") 

- 全局样式
  - 背景颜色：日期选择器的背景颜色，用户自定义。
  
  - 边框颜色：日期选择器的边框颜色，用户自定义。
  
  - 样式：边框的呈现类型，包含实线、虚线、电划线。
  
  - 宽度：边框的宽度设置。
  
  - 圆角：边框的圆角设置。
  
  - 字号：设置进度条的字体大小。
  
  - 颜色：设置进度条字体颜色。
  
  - 格式化：设置日期呈现的格式。
   
 
 #### 交互
- 交互定义
  1. 单击"交互 \> 交互定义 \> 编辑交互事件"，进入交互编辑页面。
     图3交互编辑页面   
     ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001763597528.png "点击放大") 
  
  2. 选择事件，支持设置为"点击"。
  
  3. 添加动作，动作支持隐藏和显示（根据选择的组件显示不同的动作值）。
  
  4. 单击"确定"，完成交互事件的设置。
     ![](https://support.huaweicloud.com/usermanual-dataartsinsight/public_sys-resources/note_3.0-zh-cn.png)
     - 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
       - string字符串类型支持的字符有精确匹配、不等于、包含、不包含、开头是、结尾是、为空、不为空。
       
       - number数值类型支持的字符有＝、≠、\>、≥、＜、≤、为空、不为空。
       
       - date日期类型支持的字符有＝、\>、≥、＜、≤。
        
     
     - 交互支持绑定数据集的SQL占位符。
       - 前提：在关联的数据集中编辑SQL，加入动态参数，将参数设置成全局生效。
       
       - 进入组件编辑页面，单击"交互"进行交互设置。
        
       
   
- 控件变量
  1. 单击"交互 \> 控件变量 \> 添加变量"，进入添加变量页面。
     图4添加变量   
     ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001810595909.png) 
  
  2. 选择事件、字段值、变量名后，单击保存。