mdcadu
asked on
jquery datepicker opens on default page but not on the modal page
Our application is using jquery modals. On one of the modals I need a datepicker for the textbox.
It displays on the default page but on the modal page it doesn't I am not getting any errors either
Please Help I am new to jquery & modals
It displays on the default page but on the modal page it doesn't I am not getting any errors either
Please Help I am new to jquery & modals
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="modal.aspx.cs" Inherits="modals.modal" %>
<style type="text/css" media="screen">
@import url("http://localhost/css/ui/ui.core.css");
</style>
<script type="text/javascript" src="http://localhost/js/jquery/ui/ui.core.js"></script>
<script src="jquery/ui/ui.datepicker.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
});
$(function() {
$("#datepicker").datepicker();
});
-->
</script>
<a href="http://jquery.com/">jQuery</a>
<div>
<p style="height: 213px">Date: <input id="datepicker"/></p></div><!-- End demo -->
Use this instead:
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#datepicker").datepicker();
});
-->
</script>
Is the modal window a jquery modal window, and is it being displayed within the default page? If so, you may have a conflict with duplicate IDs. (if both are using "datepicker")
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you. All I had add was
#ui-datepicker-div, .ui-datepicker {
z-index: 2000;
}
and it works perfectly. Again Thanks
#ui-datepicker-div, .ui-datepicker {
z-index: 2000;
}
and it works perfectly. Again Thanks
Open in new window