Skip to content

apleshkov/DateTimePicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

User extensions for date & time picking

Supported ExtJS versions: 3.3.1

Supported browsers: Firefox 3.6, Chrome 8, Opera 11, IE 7, IE 8

INSTALLATION

  1. Open the build directory
  2. Download files from that directory
  3. Include date-time-ux.js and date-time-ux.css in your project

USAGE

Picker

xtype: datetimepicker

var picker = new Ext.ux.DateTimePicker({
    // timeFormat: ...
    // timeLabel: ...
    // changeTimeText: ...
    // doneText: ...
    timeMenu: { // optional; xtype is supported
        // time menu conf
    },
    timePicker: { // optional; xtype is supported
        // time picker conf
    }
});

How to use my own time picker?

var myPicker = Ext.extend(..., {

    // my code

});

var picker = new Ext.ux.DateTimePicker({
    // ...
    timePicker: new myPicker(...)
});

// using xtype

Ext.reg('mytimepicker', myPicker);

var picker = new Ext.ux.DateTimePicker({
    // ...
    timePicker: {
        xtype: 'mytimepicker'
        // ...
    }
});

You can use the same technique for timeMenu too.

Field

xtype: datetimefield

var field = new Ext.ux.form.DateTimeField({
    // timeFormat: ...
    // dateFormat: ...
    picker: { // optional; xtype is supported
        // picker conf (see above example)
    }
});

LICENSE

This project is distributed under the MIT license. Please keep the exisisting headers.

About

DateTimePicker & DateTimeField for ExtJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published