DateTime Field Extension

[glopes]

Hi guys,


I created a simple DateTime Field User Extension that I would like to share with you. This might be useful for someone who needs to work with Dates and Times and would like to avoid using Date Field and Time Field.

Here is the github repository in case you wanna clone from there and help fix bugs (feel free to create pull requests): https://github.com/gportela85/DateTimeField

UPDATE (Jun 22nd, 2015): Added compatibility with ExtJS 4.2.x, ExtJS 5.x and ExtJS 6
Fixed many bugs

Thanks,

[lorezyra]

Cool!

[glopes]

I modified the logic a little bit so different DateTime formats like 'c' would work too.

New .aux version and screenshots available on GitHub.

[glopes]

I have added support for ExtJS 5.0 and Sencha Architect 3.1. (Attached file to my first post has been replaced with the new version)

[honestbleeps]

hey, thanks so much for sharing this! I just wanted to add a note here: users will need to rename the download from DateTimeField.aux.zip to DateTimeField.aux in order to install this into Architect properly. OSX users take note: you may need to use Terminal to rename it instead of Finder, as Finder sometimes will just hide the extension visually, but keep it on the filesystem!

[glopes]

Honestbleeps, thanks for adding this tip. I took this time now to upload the latest version here, that adds support to use the DateTimeField inside grid editors and fixed some bugs.

[wvieira]

the slider does not appear... I'm using Extjs 5.1.0... i don't know if i using this plugin wrong, but i'm only add de .js files in ext/src/ux/ folder, including the required files in my extjs form ... it's the correct way? seems that slider still there, but's not appear...

[glopes]

One way is to add your files like this:

<link rel="stylesheet"  href="../../Libraries/ext-5.1.0/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" />
<script src="../../Libraries/ext-5.1.0/build/ext-all.js"></script>
<script src="DateTimePicker.js"></script>
<script src="DateTimeField.js"></script>

<script src="app.js"></script>

This should be enought to display the field when you add

Ext.application({
    name: 'DateTimeField',
    launch : function() {
        Ext.create('Ext.form.Panel',{
            title: 'Testing',
            border: false,
            bodyPadding: 10,
            width: 300,
            height: 300,
            items: [{
                xtype: 'datetimefield',
                fieldLabel : 'Label',
                format : 'm/d/Y H:i'
            }],
            renderTo: Ext.getBody()
        })
    }
});

I've added a fiddle with ExtJS 5.1:

[wvieira]

something is wrong with my project... i've added a simple slider field in my form, and the slider not appear... i don't know if some problem occurs in my project, but I created the project again with sencha cmd, put all files in the project and the slider appears... BUT, the previous theme is crisp, and my actual (after create project again) theme is neptune... but in your example, the slider works fine... ... well, I think the problem must be me.


Sorry about that, and sorry about my english


Thanks in advance

[wvieira]

oh, and thank you, your plugin solve my problem!