jQWidgets Forums

jQuery UI Widgets Forums Editors DateTimeInput Grayed datetime input

This topic contains 2 replies, has 2 voices, and was last updated by  Dimitar 11 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Grayed datetime input #51282

    EricK
    Participant

    Hi,
    I have been playing around with your widgets.
    Hope this is simple one. I have a datetimeinput that shows gray and no calendar icon. Here is sample.
    What causes this?

    I have added the correct js at the top of the page.

    script:

     $("#popupWindow").jqxWindow({
      width: 290, height: 500, resizable: true,  isModal: true, autoOpen: false, cancelButton: $("#Cancel"), modalOpacity: 0.01});
    			
                $("#completeD").jqxDateTimeInput({ theme: theme, width: 150, height: 22 });
                $("#serviceNotes").jqxInput({theme: theme, width:150, height: 23});
                
                $("#Cancel").jqxButton({ theme: theme });
                $("#Save").jqxButton({ theme: theme });
    

    html:

    <body class='default'>
    	<div id="container" class="device-mobile-container">
    		<h3>Service</h3>
    		<div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        		<div id="jqxgrid"></div>
        	</div>
        		<div id="popupWindow">
        		<div>Edit</div>
        			<div style="overflow: hidden;">
                	    <table style="table-layout: fixed; border-style: none;">
                	    	<tr>
                	            <td align="right">Compl. Date:</td>
                	            <td align="left"><input id="completeD" name="completeD" /></td>
                	        </tr>
    ....
    

    Let me know if i need to send more examples.

    Grayed datetime input #51287

    EricK
    Participant

    Sample image of datetime input

    Grayed datetime input #51290

    Dimitar
    Participant

    Hello EricK,

    The jqxDateTimeInput widget should be initialized from a div element, not an input. Please check out the tutorial Getting Started for more information.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.