Datetimeinput material placeholder float stay

[dan123Participant]

Hi i am using the jqxdatetimeinput with material theme, and i wanted the placeholder float label to stay at top after entering the date (value).

Currently i noticed the placeholder gets removed. Which i don’t want that. I would like to know if there is a workaround for this.
Example check how the material input does: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxinput/index.htm#demos/jqxinput/defaultfunctionality.htm

Also, when clicking on the input field any way to have the ‘calendar’ icon have the focus border as well.

Here is my jsfiddle:
http://jsfiddle.net/ea8nj43y/4/

• This topic was modified 3 years, 9 months ago by  dan123.

[Peter StoevKeymaster]

Hi dan123,

The placeholder cannot stay because it is bound to the INPUT’s placeholder which is empty string after entering a value. You can try to create additional HTML Element and position it when the DateTimeInput has value and hiding it when it does not have value. Another option is to query select the Label element inside the DateTimeInput and set its innerHTML.

Regards,
Peter

jQWidgets Team
https://www.jqwidgets.com

[dan123Participant]

Hi,

I almost solved the placeholder to stay by trying to append the label. But just small issue, that whenever i select a date from the ‘calendar’ icon its removing the placeholder label at the top.

Please will like to see if you have thoughts on this example:
http://jsfiddle.net/78w2qduf/1/

[Author]

Posts