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

标签： 如何 正常 时间

本文地址：https://www.lifejia.cn/news/111086.html

免责声明：本站内容仅用于学习参考，信息和图片素材来源于互联网，如内容侵权与违规，请联系我们进行删除，我们将在三个工作日内处理。联系邮箱：cloudinto#qq.com（把#换成@）