Use label instead of input in datepicker

State See Verified Answer
Replies 3 replies
Subscribers 13 subscribers
Views 960753 views
Users 0 members are here

igDatePicker

445

Ngan Le Thi posted over 10 years ago

Hi all,

I want to replace input of datepicker by a label, just display: 15/4/2014 [c] with [c] is a calendar icon. Is there any simple way to implement it?

Thanks,

Ngan

49378

[Infragistics] Petar Ivanov posted over 10 years ago in reply to Ngan Le Thi

Hello Ngan,

Thank you for your reply. Glad that you were able to find a solution !
Cancel
Reply

Cancel
445

Verified Answer
Ngan Le Thi posted over 10 years ago in reply to [Infragistics] Petar Ivanov

HI Petar,

I worked around for this by manual added attr and change css to display like a label.

Thanks,

Ngan
Cancel
Reply

Reject Answer

Cancel

49378

[Infragistics] Petar Ivanov posted over 10 years ago

Hello Ngan,

The current implementation of the igDatePicker does not allow changing the type of the input field, however by handling the keyDown event of the widget it is possible to cancel the event when the focus is on the input field, therefore preventing keyboard input:

            $("#datePicker").igDatePicker({
                keydown: function (evt, ui) {
                    if (evt.originalEvent.target.id === "datePicker") {
                        //evt.preventDefault();
                    }
                }
 
            });

Hope this helps. Please feel free to contact me if you have any questions.