How to make datatable datetime picker as editable, so that I can able to paste my date in editor

How to make datatable datetime picker as editable, so that I can able to paste my date in editor

https://snippet.webix.com/a297acb5

Comments

  • edited May 25

    Hello, @webix_B_123

    Default 'date' editor is a calendar inside a popup, not the full-featured datePicker.

    You can create a custom editor with the desired functionality.
    Check the snippet, please https://snippet.webix.com/yki8973i. Though it's rather an approximate solution, it may satisfy your needs.

  • Thanks for the comments

  • edited May 27

    How can do this same for datetime picker?

  • edited May 27

    Hello, @webix_B_123

    To switch the mode of the editor to the datetime picker is possible via timepicker:true:

    webix.editors.$popup = {
        date:{
            view:"popup",
          body:{ view:"calendar", timepicker:true, icons:true}
        }
    };
    

    Please, check the snippet here: https://snippet.webix.com/8vmgwajv

  • This case while editing it's not picking up the time from text field, any thing we need to at setValue method?

  • This logic is not working in 5.1 version, we are using 5.1

    any other alternatives?

  • Hello, @webix_B_123

    To have an opportunity to pick up the time from the text field, please keep the same format as in the calendar.
    In Webix 6.0 version The default skin is changed to new Material. So for the Webix 5.1 version, it's necessary to redefine the icons.
    Please, check the snippet here: https://snippet.webix.com/fs4o16t4

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!