提问
SAPUI5 ABAP Connectivity ABAP Development

如何在sapui5的DatePicker中添加自定义事件LiveChange

2020-08-23 02:28发布

站内问答 / UI5
1476 2 6

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


我有一个要求，当用户在datePicker中输入Sapui5中的DatePicker时，应限制字母并接受数字，最大长度应为10。输入数字时，例如：10，它应自动添加"。" 在日期和月份的两位数之后，例如：" 10.12.2019"。 并且maxlength应该为10。我想通过liveChange事件可以实现，但DatePicker没有liveChange。 请让我知道如何在DatePicker中添加自定义liveChange事件。 这将是很大的帮助。

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


我有一个要求，当用户在datePicker中输入Sapui5中的DatePicker时，应限制字母并接受数字，最大长度应为10。输入数字时，例如：10，它应自动添加"。" 在日期和月份的两位数之后，例如：" 10.12.2019"。 并且maxlength应该为10。我想通过liveChange事件可以实现，但DatePicker没有liveChange。 请让我知道如何在DatePicker中添加自定义liveChange事件。 这将是很大的帮助。

付费偷看设置
发送
2条回答
骆驼绵羊
1楼-- · 2020-08-23 02:46

可以使用jQuery。

在视图中创建日期选择器，然后使用添加事件委托将" key up jquery event"附加到oninit方法中的同一控件上。 现在，更改事件将像实时更改一样工作。

查看：

控制器：

 onInit：function（）{

 this.getView（）。byId（" datePickerID"）。addEventDelegate（{

 onAfterRendering：function（oEvent）{

 var that = this;

  $（"#" + oEvent.srcControl.sId）.keyup（function（e）{

 this.getView（）。byId（" datePickerID"）。fireChange（）;

 } .bind（that））

 } .bind（this）
 }）;
 }，
 fnChange：function（oEvent）{
 console.log（oEvent.getSource（）._ $ input.val（））;
//在这里写下您的验证
 }
CPLASF-自律
2楼-- · 2020-08-23 02:49

DatePicker和DateTimePicker具有"当输入操作完成且值已更改时"触发的事件更改。

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...