Question

我们正在开发一个应用程序，我们的技术人员可以为票证添加活动。

因此他们需要选择日期和工作开始时间。这些应该与不同的领域/选择联系。

对于日期选择我们让它运行，对于时间选择我们只能通过Web浏览器工作。在Unplugged中，仅显示文本编辑框。

也许有人有跑步时选择器？

这里的代码不支持unplugged：

<xp:inputText value="#{Activity.work_start}" id="work_start1"
    style="margin-top:10.0px">
    <xp:this.converter>
            <xp:convertDateTime type="time" pattern="HH:mm">
            </xp:convertDateTime>
    </xp:this.converter>
    <xp:this.defaultValue><![CDATA[#{javascript:sessionScope.work_start1
    }]]></xp:this.defaultValue>
    <xp:dateTimeHelper></xp:dateTimeHelper>
</xp:inputText>

这是日期选择器的代码，它正常工作：

<xp:inputText value="#{Activity.date}" id="dateTimeHelper"
    styleClass="xspInputFieldEditBox" type="date">
    <xp:this.converter>
        <xp:convertDateTime>
            <xp:this.pattern><![CDATA[${javascript:if (Activity.isEditable()){
return "yyyy-MM-dd";
}else{
return "dd MM yyyy";
}}]]></xp:this.pattern>
        </xp:convertDateTime>
    </xp:this.converter>
    <xp:this.defaultValue><![CDATA[#{javascript:if(sessionScope.dateTimeHelper == ""){
return @Today();}else{
return sessionScope.dateTimeHelper}}]]></xp:this.defaultValue>
</xp:inputText>

Answer 1

对单独答案道歉 - 我还没有评论的声誉......

Rich说，在设备上显示本机时间选择器的关键是在xp：inputText标记上设置type="time"。但是，Domino使用xp：convertDateTime标记上的type属性来确定是否呈现日期选择器或时间选择器。因此，在常规XPage中获取Unplugged和时间选择器中的本机选择器的方法是将type="time"添加到xp：inputText和xp：convertDateTime元素。此外，要在iOS上正常工作，转换器中的模式必须使用24小时时钟，即HH:mm而不是hh:mm。

<xp:inputText value="#{document1.Time}" type="time" style="height:29px">
  <xp:this.attrs>
    <xp:attr name="id" value="mobiin"></xp:attr>
    <xp:attr name="data-mini" value="true"></xp:attr>
  </xp:this.attrs>
  <xp:dateTimeHelper id="dateTimeHelper2"></xp:dateTimeHelper>
  <xp:this.converter>
    <xp:convertDateTime type="time" pattern="HH:mm"></xp:convertDateTime>
  </xp:this.converter>
</xp:inputText>

Answer 2

这对我有用，从文档的时间字段中抽出时间 - 为新文档添加默认值应该有效：

<xp:inputText value="#{document1.Time}" type="time" style="height:29px">
  <xp:this.attrs>
    <xp:attr name="id" value="mobiin"></xp:attr>
    <xp:attr name="data-mini" value="true"></xp:attr>
  </xp:this.attrs>
  <xp:dateTimeHelper id="dateTimeHelper2"></xp:dateTimeHelper>
  <xp:this.converter>
    <xp:convertDateTime pattern="HH:mm"></xp:convertDateTime>
  </xp:this.converter>
</xp:inputText>

DateTimePicker - 仅在Unplugged上的时间

2 个答案: