Results 1 to 4 of 4

Thread: Ext.ux.button.DateRangePicker

  1. #1
    Sencha User
    Join Date
    Dec 2008

    Default Ext.ux.button.DateRangePicker

    Yet another simple extension for picking a range of dates/times in ExtJS apps.
    I wanted to make it as compact and simple possible, so decided to wrap all the UI within a button menu.

    Sencha fiddle:
    JS Fiddle:


    Here is the demo fiddle (the Get Picker Data button is not part of the picker, clicking it will log the picker return object in the console):

    In short, it can be configured with start/end dates (and optionally - times), has several preset periods for fast choosing, supports custom formats for the dates/times and can be customized with your own captures/icons.

    The configuration is done via single config object (see github/jsfiddle links for details of the configs)

    The picker returns its data via the getValue() method which returns an object with the period details, something like this:

    Example usage:

    var myPicker = Ext.create('Ext.ux.button.DateRangePicker'); //create it with a default configurations
    or, if you wish to add it to your own container:
    {xtype: 'daterangepicker', drpDefaults: { //optional custom configurations here }}
    To get the picker data, use:
    var pickerData = myPicker.getValue()
    and inspect the returned object

  2. #2
    Sencha User
    Join Date
    Feb 2013


    Nice work. Thanks for sharing with the community!

  3. #3
    Sencha Premium User
    Join Date
    Jul 2014


    Thanks mx_starter.

    Very good and very useful.
    A great help for building ExtJS applications.

    Thanks for your message.

  4. #4


    I have error when try to use: To many recursion.
    I tried to do debugging and found that the initComponent method is called so many times

Similar Threads

  1. Replies: 1
    Last Post: 16 Aug 2015, 2:43 PM
  2. [FIXED] What happened to to the Ext.button.Button button, e, eOpts args for controller
    By denisputnam in forum Sencha Architect 3.x: Bugs
    Replies: 3
    Last Post: 21 Jan 2015, 7:45 AM
  3. What happened to to the Ext.button.Button button, e, eOpts args for controller
    By denisputnam in forum Sencha Architect 3.x: Q&A
    Replies: 2
    Last Post: 19 Jan 2015, 10:30 AM
  4. Button UI: Combine x-button-small with x-button-back and x-button-action
    By Benjamin Ansbach in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 21 Feb 2013, 2:05 PM
  5. [3.x] Ext.ux.DateRangePicker Extension
    By McCornic in forum Ext 3.x: User Extensions and Plugins
    Replies: 23
    Last Post: 14 Sep 2011, 12:25 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts