Is it possible to have a zebra_datepicker inside a lightbox_me popup i am using two plugin lightbox_me and zebra_datepicker. lightbox_me plugin for binding a input text box and zerbra_datepicker for calender control my html and jquery codes are follows
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript" src="Scripts/main.js"></script>
<script type="text/javascript" src="Scripts/zebra_datepicker.js"></script>
<script type="text/javascript" src="Scripts/lightbox_me.js"></script>
<link href="Layout/zebra_datepicker.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" >
.popUp{
border-radius:6px;
-moz-border-radius: 6px;
background: #FFFFFF;
-webkit-border-radius: 6px;
border: 1px solid #536376;
-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
-moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
padding: 14px 22px;
width: 392px;
height:173px;
position: relative;
display:none;
}
</script>
</asp:Content>
<input type="button" id="btnTest" class="button arrow" value="Test" />
<div id="divCalanderCheck" class="popUp">
<input type="text" id="txtDate" class="datepicker" />
</div>
main.js
$(document).ready(function () {
$("#txtDate").Zebra_DatePicker();
$('#btnTest').click(function () {
$("#divCalanderCheck").lightbox_me({
lightboxSpeed: 100,
centered: true,
closeClick: true,
closeEsc: true
});
});
});