如何用Extjs TimeField组件显示标准的正常时间格式？

Ext.create('Ext.form.field.Time', {， renderTo: Ext.getBody(),， format: 'H:i'，});

Extjs TimeField 显示正常时间格式的代码

1. 创建TimeField组件

我们需要创建一个Ext.form.field.Time实例，这个组件允许用户选择时间。

 var timeField = new Ext.form.field.Time({     fieldLabel: '时间',     labelWidth: 50,     width: 200,     format: 'H:i:s' // 设置时间格式为小时：分钟：秒 });

2. 添加到表单中

我们将这个timeField添加到一个表单中。

 var formPanel = new Ext.form.Panel({     title: '时间选择',     bodyPadding: 10,     items: [timeField],     buttons: [{         text: '提交',         handler: function() {             var values = formPanel.getValues();             console.log(values);         }     }] });

3. 显示表单

我们将表单添加到页面上并显示。

 Ext.create('Ext.container.Viewport', {     layout: 'fit',     items: [formPanel] }).show();

常见问题与解答

问题1：如何更改TimeField的时间格式？

答案：可以通过修改format属性来更改TimeField的时间格式，如果你想显示日期和时间，可以使用format: 'Y-m-d H:i:s'。

问题2：如何在提交表单时获取TimeField的值？

答案：在提交按钮的处理函数中，可以使用formPanel.getValues()方法来获取所有字段的值，包括TimeField的值，这个方法返回一个对象，其中键是字段的名称，值是字段的值。

各位小伙伴们，我刚刚为大家分享了有关“Extjs TimeField 显示正常时间格式的代码-extjs”的知识，希望对你们有所帮助。如果您还有其他相关问题需要解决，欢迎随时提出哦！