我提供了一个快速示例,但如何选择默认时间(选择项目)为05:00?请注意,我不需要使用select(而不是timepicker)捕获时间,因为我们的客户想要强制间隔15分钟。
<Select id="openingTime" selectedKey="{SearchResults>startTime1}"
valueFormat="HH:mm" displayFormat="HH:mm"
change="onTimeChangedOpening"
visible="{SearchResults>isOpen}" valueState="{SearchResults>startTimeValid}"
placeholder="Enter Opening Time">
<core:ListItem key="" text="Select"/>
<core:Item key="00:00" text="00:00"/>
<core:Item key="00:15" text="00:15"/>
<core:Item key="00:30" text="00:30"/>
<core:Item key="00:45" text="00:45"/>
<core:Item key="01:00" text="01:00"/>
<core:Item key="01:15" text="01:15"/>
<core:Item key="01:30" text="01:30"/>
<core:Item key="01:45" text="01:45"/>
<core:Item key="02:00" text="02:00"/>
<core:Item key="02:15" text="02:15"/>
<core:Item key="02:30" text="02:30"/>
<core:Item key="02:45" text="02:45"/>
<core:Item key="03:00" text="03:00"/>
<core:Item key="03:15" text="03:15"/>
<core:Item key="03:30" text="03:30"/>
<core:Item key="03:45" text="03:45"/>
<core:Item key="04:00" text="04:00"/>
<core:Item key="04:15" text="04:15"/>
<core:Item key="04:30" text="04:30"/>
<core:Item key="04:45" text="04:45"/>
答案 0 :(得分:1)
您可以通过设置:
来实现selectedKey = "05:00"
您还需要将其添加到:
<core:Item key="05:00" text="05:00"/>
这是jsbin example。您可以在行中更改所选值:
oSelect.setSelectedKey("B");
答案 1 :(得分:0)
我们可以通过以下代码设置默认密钥
<Select
forceSelection="true"
selectedKey="{SearchResults/0/startTime1}"
items="{
path: '/SearchResults'
}">
<core:Item key="{/startTime1}" text="{startTime1}" />
</Select>