日期输入脚本组件

日期/时间是一个输入组件,您可以使用它来选择日期,也可以选择时间和时区。 当代理单击脚本中的组件时,将显示一个日历。 根据组件属性的不同,可能会出现时区和时区输入字段。 变量存储代理选择的日期和时间。

  1. 单击组件工具栏 上的 日期/时间。

  2. 要将代理选择的日期存储在变量中,请展开通用属性组。

  3. 值下,选择一个字符串变量。 这会将代理通过使用日期组件选择的值绑定到变量。 当代理选择日期时,绑定变量会存储该日期。 相反,如果在显示页面之前设置了绑定变量的值,则组件将显示该变量的当前值。

    注意: 

    For example, if an agent selects August 8, 2017 from the calendar, it stores the following DATETIME value in the bound variable: 2017-08-07T00:00:00-0400. The format of the date string is:

    yyyy-mm-dd plus T to indicate time in hh:mm:ss format, followed by the offset to Coordinated Universal Time (UTC).

  4. 要将输入控件配置为提示输入日期、时间和时区,或仅提示日期,请启用或禁用 “包括时间”

    将此选项设置为 “否” 时,代理可以选择日期,但不能输入时间或时区。 

    图中显示了控件仅提示输入日期。

    当您将此选项设置为 “是” 时,代理会收到选择日期、时间和时区的提示。

    该图显示了带有日期、时间和时区提示的日期输入控件。

    提示: 要设置回拨时间,代理必须选择联系人的时区。

  5. 设置组件的任何其他属性。


    通用

    Value 将组件绑定到选定的变量。 例如,如果将文本输入组件绑定到变量,则输入框将始终显示该变量的值,而忽略指定的任何占位符文本。 变量会自动使用用户键入的文本进行更新,但需要进行验证处理。

    其他控件(例如单选按钮)使用带有选定值文本设置的值。 在运行时选择单选按钮时,其 “所选值文本” 将成为变量的新值。 这样,每个单选按钮都可以为同一个变量分配不同的值。

    当日历控件绑定到变量时,其值将设置为控件选择的日期。 由于变量可以预设视觉控件的值,也可以由它们设置,因此绑定是一种功能强大且经常使用的技术。

    包括时间” 设置将日期 /时间 组件配置为提示输入日期、时间和时区或仅提示日期。

    如果设置为 “否”,则会提示座席仅选择日期。 单击后,将显示一个日期弹出框日历,供座席选择。

    图中显示了控件仅提示输入日期。

    如果设置为 “是”,则会提示座席选择日期、时间和时区。

    该图显示了带有日期、时间和时区提示的日期输入控件。

    提示: 设置回叫时间时,座席应选择联系人的时区。

    确定是否要求用户键入或选择一个值。 默认值为 False,这意味着用户交互是可选的。

    用户界面直观地指示用户输入是否为可选输入。 

    可选输入由组件下方的标签表示:

    布局

    使用权重来影响大小调整,将宽度配置为固定大小,根据需要增大以显示内容,或者相对于其他组件消耗尽可能多的空间。

    設置 描述
    脚本布局自动调整大小 自动调整大小可将组件配置为根据其内容进行缩小或增长。 例如,标签的宽度可能会随其包含的文本量而增大。
    设置-调整大小-拉伸

    拉伸允许组件相对于其他组件消耗尽可能多的空间,使用权重来影响大小调整。

    如果两个组件都设置为伸展,则默认情况下它们都被分配剩余空间的 50%。 可以通过更改权重值来调整此比例。

    例如,如果将一个组件的权重设置为 200,将另一个组件的权重设置为 100,则第一个组件占用剩余空间的三分之二,而另一个组件只占三分之一。 第一个组件的大小是另一个组件的两倍,因为它的重量是第二个组件权重的两倍。

    脚本布局像素 以像素为单位设置固定大小。 您可以在框中键入整数值,或使用向上或向下箭头来增大或减小大小。 当组件获得焦点时,这些箭头可见。

    使用权重来影响大小调整,将高度配置为固定大小,以便根据需要增大以显示内容,或者相对于其他组件消耗尽可能多的空间。

    設置 描述
    脚本布局自动调整高度大小 自动调整大小可将组件配置为根据其内容进行缩小或增长。
    脚本布局像素高度 以像素为单位设置固定大小。 您可以在框中键入整数值,或使用向上或向下箭头来增大或减小大小。 当组件获得焦点时,这些箭头可见。
    设置-调整大小-拉伸

    拉伸允许组件相对于其他组件消耗尽可能多的空间,使用权重来影响大小调整。

    如果两个组件都设置为伸展,则默认情况下它们都被分配剩余空间的 50%。 可以通过更改权重值来调整此比例。

    例如,如果将一个组件的权重设置为 200,将另一个组件的权重设置为 100,则第一个组件占用剩余空间的三分之二,而另一个组件只占三分之一。 第一个组件的大小是另一个组件的两倍,因为它的重量是第二个组件权重的两倍。

    将组件相对于其父容器向左、向右或居中对齐。

    提示:如果组件的父容器的高度设置为Auto Sizing。要解决此问题,请将父容器的高度设置为Stretch或固定高度Pixels
    設置 示例
    向左对齐 2 左对齐示例 2
    对齐中心 2 对齐中心示例 2
    向右对齐 2 右对齐示例 2
    对齐启动 对齐开始示例
    垂直居中对齐 垂直居中对齐示例
    垂直端对齐 垂直对齐结束示例

    边距设置边框周围的左、右、上和下间距。

    该图显示了边距、边框和填充设置之间的关系。

    1. 要有选择地一次更新所有边距值,请在属性面板中 按边距的全部 设置按钮。

      全部设置按钮的图像

    2. 单击保证金的值字段。 旋转控件出现在该字段中。

    3. 使用旋转控制来增加或减少边距。 如果选择 了 “全部 设置”,则更改将应用于所有边距。

      设置-保证金微调器

      该组件会立即使用其新的边距设置重新定位。

    根据布尔值(True 或 False)变量的值设置组件的可见性。

    1. 单击 “ 布局” 属性组。 在可见下方,单击 选择变量
    2. 选择一个变量,或者选择性地创建一个新的 “是/否” 变量,然后将该新变量分配给 Visible 属性。
    3. 在运行时,当变量的值为 True 时,组件是可见的。 相反,当变量的值为 False 时,它会被隐藏

    高级

    Value 将组件绑定到选定的变量。 例如,如果将文本输入组件绑定到变量,则输入框将始终显示该变量的值,而忽略指定的任何占位符文本。 变量会自动使用用户键入的文本进行更新,但需要进行验证处理。

    其他控件(例如单选按钮)使用带有选定值文本设置的值。 在运行时选择单选按钮时,其 “所选值文本” 将成为变量的新值。 这样,每个单选按钮都可以为同一个变量分配不同的值。

    当日历控件绑定到变量时,其值将设置为控件选择的日期。 由于变量可以预设视觉控件的值,也可以由它们设置,因此绑定是一种功能强大且经常使用的技术。

    包括时间” 设置将日期 /时间 组件配置为提示输入日期、时间和时区或仅提示日期。

    如果设置为 “否”,则会提示座席仅选择日期。 单击后,将显示一个日期弹出框日历,供座席选择。

    图中显示了控件仅提示输入日期。

    如果设置为 “是”,则会提示座席选择日期、时间和时区。

    该图显示了带有日期、时间和时区提示的日期输入控件。

    提示: 设置回叫时间时,座席应选择联系人的时区。

    默认情况下,所有组件都启用。 Disabled 属性将 True/False 变量绑定到组件,以根据该变量的运行时值禁用或启用它。

      1. 要创建 True /False 变量,请单击 变量 选项卡。

      2. 单击 “添加” 以添加变量。

        图中显示了添加新变量的按钮。

      3. 选择 True /False 作为数据类型。

        该图显示了可变数据类型

      4. 在 “名称” 框中,键入描述性名称。

        当前启用的变量

      5. 将默认值设置为 TrueFalse

        • 如果变量为 True,则该组件被禁用。

        • 如果变量为 False,则该组件已启用。

      6. 要保存变量,请单击 “应用”
      7. 将变量分配给 “已禁用” 属性。 在 禁用下方,单击 选择变量

        禁用的属性设置

      8. 选择 True /False 变量。

        当前启用的变量已选中

    要测试您的工作,请单击 “ 预览”

    更改操作” 属性允许您设置在此组件的状态或值发生更改时执行的操作。

    您可以选择 Scripter 操作、出站操作或自定义操作。 除非启用了 Outbound 属性,否则出站操作不可用。 

    确定是否要求用户键入或选择一个值。 默认值为 False,这意味着用户交互是可选的。

    用户界面直观地指示用户输入是否为可选输入。 

    可选输入由组件下方的标签表示: