Hi

Here I have using datepicker from JQueryUI in my public/javascript folder as effects,prototype,control,dragdrop js files. in my public folder contains jqueryui development buddle. (css,js,development-bundle)

in layout/application.rhtml

    <%= stylesheet_link_tag 'application' %>
    <%=javascript_include_tag :defaults%>
    <%= stylesheet_link_tag '/jquery-ui/css/custom-theme/jquery-ui-1.8.1.custom.css' %>
<%=javascript_include_tag "/jquery-ui/js/jquery-1.4.2.min.js"%>
<%=javascript_include_tag "/jquery-ui/js/jquery-ui-1.8.1.custom.min.js"%>
<script>
       $(document).ready(function(){
            var $j=jQuery.noConflict();
            $j( '#date' ).datepicker({ dateFormat: 'dd-mm-yy' });
             });
    </script> 

in home/index.rhtml

<%title "Home"%>
<%=link_to "Add Details" ,:action=>"add"%>
<%=link_to_remote "Ajax Add Details", :update=>"add" , :url=>{ :action=>"add" }%>
<div id='add' />

in home/add.rhtml

<%title "Add details"%>
<%form_tag :action=>"create" do%>
    Name : <%=text_field_tag "name" ,"",:size=>15%>
    DOB  : <%=text_field_tag "dob","",:id=>"date"%>
    <%=submit_tag "Save"%>
<%end%>

the datepicker works when I run home/add.rhtml directly but the datepicker not work when i run ajax page home/index.rhtml

Any solutions for that,????