How to setup imput ou time in Grid (jquery)

[Sergio]

How setup griid column in jquery.

I use this format, bit on input I get a date on the dropdown, not the time to chose

I need just the the time part, the date part is from "dataIni" field.

Another issue is the inline errors. I get error on field "hIni1" not on "Inicio 1"

                   $("#horarios").kendoGrid({
                        height: 550,
                        sortable: true,
                        pageable: true,
                        height: 550,
                        toolbar: [{ name: "create", text: "Inserir" }],
                        columns: [
                            { field: "dataIni", type: "date", format: "{0:yyyy-MM-dd}", title: "Data Inicio", width: "250px" },
                            { field: "hIni1", type: "date", format: "{0:HH:mm}", title: "Inicio 1", width: "120px" },
                            { field: "hFim1", type: "date", format: "{0:HH:mm}", title: "Fim 1", width: "120px" },
                            { field: "hIni2", type: "date", format: "{0:HH:mm}", title: "Inicio 2", width: "120px" },
                            { field: "hFim2", type: "date", format: "{0:HH:mm}", title: "Fim 2", width: "120px" },
                            { command: ["edit", "destroy"], title: " ", width: "250px" }
                        ],
                        editable: "popup" // OR editable: { mode : "popup" }
                    });

Best regards

Sergio

 

[Neli]

Hi Sergio,

If you need to use TimePicker as an editor in the Grid you will need to configure a custom editor. You can use the editable.template option to configure the needed widget. You could take a look at the examples in the API:

- https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/editable.template

Regarding the error issue, could you please elaborate a little bit more on the desired result? By default, the error message is displayed below the validated field (screencast). As far as I understand on your end the validation message is rendered as expected, but you need to customize the position where it is displayed. Is this correct? Do you need to display the error message below/next to the title or on some other custom position? 

Looking forward to your reply.

Regards,
Neli
Progress Telerik