如何用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”的知识，希望对你们有所帮助。如果您还有其他相关问题需要解决，欢迎随时提出哦！