名称:

Date Display | 日期显示

图标:

e-display-datedisplay.PNG

功能:

  • 日期显示
  • 将要显示的日期值传值给此元件的“<Value>”固定名称的日期变量中,就会在屏幕显示日期
  • 元件HTML标签为span
  • 点选放入后,可直接命名,但名称只能用于开发区中区分元件使用,名称不作为显示内容

    使用方式:

    设计显示日期:

  • 大小形状边距字体颜色边框等由样式来定义,可对元件用添加“html.style”属性的方式定义样式,单独定义的属性类和属性比样式文件中定义的值优先级更高

  • 此元件中也可以手动添加一个“<On Click>”固定名称的行为处理元件,当用户点击显示的日期时触发事件,但是不建议这样设计,如果需要设计点击事件功能,建议用按钮元件
  • 可以添加“html.format”属性来设定显示格式
    · 设计年月日的分隔符号,如默认是:2019-01-01,可以改为yy.MM.dd,则显示为:19.01.01
    · 可以在格式中添加字符和符号,如格式为:今日日期:yy.MM.dd,则显示为:今日日期:19.01.01
    · 格式中的符号定义请参考本章“日期时间元件”下“Format Date and Time日期时间转字符串”一节内容
  • 表格元件(非简单表格元件)中,用来显示日期类型值的列数据,注意使用时,因为表格中的HTML标签是一套单独的标签规范,如果直接点选放入表格的行元件中则需修改元件标签属性(html.tag)为“td”,如果想不改变标签,则先添加一个显示块,显示块的标签“div”改为“td”,然后在显示块中直接放入各类型显示元件而不需要改变其HTML标签值

    样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
    · 如可以定义日期字体的大小:font-size:16px;

  • 其他样式类名称可在“html.styleClass”属性中设定,可以任意一个样式文件中定义样式类