This topic contains 1 reply, has 2 voices, and was last updated by Hristo 8 years, 4 months ago.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.
jQuery UI Widgets › Forums › Editors › Calendar › How to display calender in an input field
Tagged: Angular calendar, angular2 calendar, bootstrap calendar, javascript calendar, jQuery Calendar, jqwidgets calendar, jqxCalendar, typescript calendar
This topic contains 1 reply, has 2 voices, and was last updated by Hristo 8 years, 4 months ago.
I am referring to the type of Edit popup window used in this example
So, basically, I have the following from the code:
`<div id=”popupWindow”>
<div>Edit</div>
<div style=”overflow: hidden;”>
<table>
<tr>
<td align=”right”>First Name:</td>
<td align=”left”><input id=”firstName” /></td>
</tr>
<tr>
<td align=”right”>Last Name:</td>
<td align=”left”><input id=”lastName” /></td>
</tr>
<tr>
<td align=”right”>Product:</td>
<td align=”left”><input id=”product” /></td>
</tr>
<tr>
<td align=”right”>Quantity:</td>
<td align=”left”><div id=”quantity”></div></td>
</tr>
<tr>
<td align=”right”>Price:</td>
<td align=”left”><div id=”price”></div></td>
</tr>
<tr>
<td align=”right”></td>
<td style=”padding-top: 10px;” align=”right”><input style=”margin-right: 5px;” type=”button” id=”Save” value=”Save” /><input id=”Cancel” type=”button” value=”Cancel” /></td>
</tr>
</table>
</div>
</div>`
Say for example, I want to show a jQXCalender on the following input field of the popup window :
<input id="product" />
I was referring to the JSFiddle mentioned here.
Hello walker1234,
You just need to create <div> tag (instead of <input>) for the jqxCalendar and to set settings for it similarly as others widgets.
Best Regards,
Hristo Hristov
jQWidgets team
http://www.jqwidgets.com
You must be logged in to reply to this topic.