Threaded View

  1. #1
    Sencha User
    Join Date
    Mar 2011
    Vote Rating
    wzl002 is on a distinguished road


    Default Ext.ux.DateTimeField - DateTimePicker for ext4, also DateTimeMenu, TimePickerField


    Add a time spinner to the DatePicker.

    From picture left, there are DateTimeMenu, TimePickerField, DateTimeField, a simple example.js for this is contained in the zip.

    Any improve or bug report Welcome!

    -29/06/2011 bug resolve: [Creating multiple instances of the DateTimeField results in all time fields appearing within the first field.]
    Thank emrejen and zombeerose!

    -27/04/2012 upgrade for 4.1.0-gpl, Now it can work at 4.1.0 and GridColumn Editor.
    -27/04/2012 the time part in init value can work now.
    -27/04/2012 the Ext.ux.form.TimePickerField could get a Date type init value.
    -27/04/2012 fix the format didn't work bug. BUT the format for time part 'H:i' is immutable.

    Thank Nicname, janiceh, jonaldomo.
    Any improve or bug report Welcome!

    - 25/08/2014
    - Fix the alias name 'timepicker' conflict, change to 'uxtimepicker'.
    - The width can auto-suit different theme now.

    PS:My code always works well in chrome and IE9, if you have problem, please reply with your test code.

    attachment remark: for Ext-4.0.x for Ext-4.1.0-gpl for Ext-4.2.1

    the js files should be import in order:
    <script type="text/javascript" src="..../UX_TimePickerField.js"></script>
    <script type="text/javascript" src="..../UX_DateTimePicker.js"></script>
    <script type="text/javascript" src="..../UX_DateTimeField.js"></script>
    <script type="text/javascript" src="..../UX_DateTimeMenu.js"></script>
    Attached Files
    Last edited by wzl002; 25 Aug 2014 at 12:44 AM. Reason: upgrade and bug resolve