show datepicker in inlineedit

show datepicker in inlineedit

i am trying to show datepicker in inlineedit bu i can not codes are following

  1. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
    $( "#datepicker" ).datepicker();
    });
    </script>
    <?php
    include('db.php');
    echo '<link rel="stylesheet" type="text/css" href="style.css">';
    echo'<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>';

    echo'<table class="tablo1">
            <tr>
                   
                <td class="td2">No</td>
                <td class="td2">Adi</td>   
                <td class="td2">Soyadi</td>   
                <td class="td2">D</td>
            </tr>
            ';
    $i=0;       
    $sql=mysql_query("select * from fullnames");
    while($row=mysql_fetch_array($sql)){
        $i++;   
        $id            =$row['id'];
        $firstname    =$row['firstname'];
        $lastname    =$row['lastname'];
    echo'
        <tr id="'.$id.'" class="edit_tr">
            <td class="td1">'.$i.'</td>
            <td class="td1">
                <span id="first_'.$id.'" class="text">'. $firstname.'</span>
                <input type="text" value="'.$firstname.'" class="datepicker" id="first_input_'.$id.'">
            </td>
            <td class="td1">
                <span id="last_'.$id.'" class="text">'.$lastname.'</span>
                <input type="text" value="'.$lastname.'" class="datepicker" id="last_input_'.$id.'"/>
            </td>
            <td class="td1">
                <a href="#"><img id="iedit" src="edit.png" /></a>           
                <a href="#"><img src="del.png" /></a>
            </td>
        </tr>
    ';
    }
    echo'
        </table>
    ';
    ?>

    <script type="text/javascript">
    $(document).ready(function(){
        $(".edit_tr").click(function(){
            var ID=$(this).attr('id');
            $("#first_"+ID).hide();
            $("#last_"+ID).hide();
            $("#first_input_"+ID).show();
            $("#last_input_"+ID).show();
            }
        ).change(function(){
            var ID=$(this).attr('id');
            var first=$("#first_input_"+ID).val();
            var last=$("#last_input_"+ID).val();
            var dataString = 'id='+ ID +'&firstname='+first+'&lastname='+last;
            $("#first_"+ID).html('<img src="load.gif" />'); // Loading image

    if(first.length>0&& last.length>0){
        $.ajax({
        type    : "POST",
        url        : "table_edit_ajax.php",
        data    : dataString,
        cache    : false,
        success    : function(html)
        {
            $("#first_"+ID).html(first);
            $("#last_"+ID).html(last);
        }
    });
    }else{
        alert('Enter something.');
    }
    });

    // Edit input box click action
    $(".editbox").mouseup(function(){
        return false
    });

    // Outside click action
    $(document).mouseup(function(){
        $(".editbox").hide();
        $(".text").show();
    });

    });
    </script>