【Extjs】timefield使用,以及24小时制

最新推荐文章于 2017-11-01 14:26:32 发布

转载最新推荐文章于 2017-11-01 14:26:32 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/685197

本文介绍如何使用Ext JS库创建一个包含时间输入的面板，实现员工打卡功能。

Ext.create('Ext.form.Panel', {
    title: 'Time Card',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'timefield',
        name: 'in',
        format:'G:i:s',  //格式化时间,24小时制
        fieldLabel: 'Time In',
        minValue: '6:00 AM',
        maxValue: '8:00 PM',
        increment: 30,
        anchor: '100%'
    }, {
        xtype: 'timefield',
        name: 'out',
        fieldLabel: 'Time Out',
        minValue: '6:00 AM',
        maxValue: '8:00 PM',
        increment: 30,
        anchor: '100%'
   }]
});