datepicker_fail

<?php
    include "js/indo_tgl.php";
?>

<script type="text/javascript" src="js/jquery.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<link href="css/all.css" rel="stylesheet" type="text/css" />
<script src="js/bootstrap-modal.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css" />
<script type="text/javascript" src="js/jquery.main.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/json2.js"></script>

<script type="text/javascript">
$(function(){

    $("#inputmsk").on('click',function () {
        $("#msk").load('form_masuk.php');
    });

    $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});

    $.fn.values = function(data) {
        var els = $(this).find(':input').get();

        if(typeof data != 'object') {
            // return all data
            data = {};

            $.each(els, function() {
                if (this.name && !this.disabled && (this.checked
                                || /select|textarea/i.test(this.nodeName)
                                || /text|hidden|password/i.test(this.type))) {
                    data[this.name] = $(this).val();
                }
            });
            return data;
        } else {
            $.each(els, function() {
                if (this.name && data[this.name]) {
                    if(this.type == 'checkbox' || this.type == 'radio') {
                        $(this).attr("checked", (data[this.name] == $(this).val()));
                    } else {
                        $(this).val(data[this.name]);
                    }
                }
            });
            return $(this);
        }
    }

        $('.delete').click(function(){
            var data_urll = $(this).attr('href');
            var element_delete = $(this).parent().parent();
            var conff = confirm('Yakin ingin menghapus Data ini?');

                if(conff == true){
                    $.getJSON(data_urll,function(respons){
                            if(respons.successs == 1)
                            {
                                $(".notif").show().html("Data Terhapus");
                                element_delete.remove();
                            }
                            else{
                                $(".notif").show().html("Gagal Menghapus");
                            }
                        })
                }else{
                    return false;
                }
            return false;
        });
});
</script>

<div id="msk">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <button type="submit" class="btn btn-primary" id="inputmsk">Input Surat Masuk</button>

    <div class='notif' style='display:none; color:#468847;background-color:#dff0d8;border-color:#d6e9c6;padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size: 30px;text-align:center' ></div>

    <table class="table table-striped" width="50px">
        <thead>
            <tr>
                <th>No.</th>
                <th>No. Surat</th>
                <th>Tanggal Surat</th>
                <th>Perihal</th>
                <th>Tujuan</th>
                <th>Penginput</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody>

            <?php
                include "../koneksi.php";
                $queryyy = mysql_query("SELECT * FROM surat_masuk")or die(mysql_error());

                $no=1;
                while($userr=mysql_fetch_array($queryyy)){
                    $aa = mysql_query("SELECT nama FROM pegawai WHERE kode_peg='$userr[kode_peg]'");
                    $ee = mysql_fetch_array($aa);
            ?>

            <tr title="aksi data">
                <td><?php echo $no;?></td>
                <td><?php echo $userr['no_masuk'];?></td>
                <td><?php echo tgl_indo($userr['tgl_masuk']);?></td>
                <td><?php echo $userr['perihal'];?></td>
                <td><?php echo $userr['tujuan'];?></td>
                <td><?php echo $ee['nama'];?></td>

                <?php
                    $obj = new stdClass();
                    $obj->no = $userr['no_masuk'];
                    $obj->id = $userr['id_masuk'];
                    $obj->tanggal  = $userr['tgl_masuk'];
                    $obj->perihal = $userr['perihal'];
                    $obj->tujuan = $userr['tujuan'];
                    $obj->nama =  $ee['nama'];

                    $json = json_encode($obj);
                ?>

                <td data-role = '<?php echo $json;?>'>
                    <?php echo "<a href='#' class='edit_modal'>Edit</a> | <a href='hapusmasuk.php?id=".$userr['id_masuk']."' class='delete'>Hapus</a>";?>
                </td>
            </tr>

                <?php $no++; } ?>
        </tbody>
    </table>
</div>



<div id="example" class="modal hide fade in" style="display: none; ">
    <script src="js/jquery.form.js"></script>
    <script>
    $(function() {

        var bar = $('.bar');
        var percent = $('.percent');
        var status = $('#pesankk');

        $('#form').ajaxForm({
            beforeSend: function() {
                status.empty();
                var percentVal = '0%';
                bar.width(percentVal)
                percent.html(percentVal);
            },
            uploadProgress: function(event, position, total, percentComplete) {
                var percentVal = percentComplete + '%';
                bar.width(percentVal)
                percent.html(percentVal);
                        //console.log(percentVal, position, total);
            },
                complete: function(xhr) {
                        status.html(xhr.responseText);
                        $('input').val('');
                }
        });
        });
    </script>
    </script>
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Form Edit Data</h3>
    </div>
    <div id="pesan"></div>
        <form class="form-horizontal" method="POST" id="form" action="update_masuk.php" enctype='multipart/form-data'>
            <div class="control-group">
                <label class="control-label" for="inputEmail">Nomer Surat</label> &nbsp;&nbsp;&nbsp;
                <input type="text" placeholder="Nomer Surat" name="no" id='no'>
                <input type="hidden" name="id">
            </div>
            <div class="control-group">
                <label class="control-label" for="inputPassword">Tanggal Surat</label> &nbsp;&nbsp;&nbsp;
                <input type="text" class="datepicker" placeholder="Tanggal" name="tanggal" id="tanggal">
            </div>
            <div class="control-group">
                <label class="control-label" for="inputEmail">Perihal</label> &nbsp;&nbsp;&nbsp;
                <input type="text" placeholder="Perihal" name="perihal" id='hal'>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputPassword">Tujuan</label> &nbsp;&nbsp;&nbsp;
                <input type="text" placeholder="Tujuan" name="tujuan" id='tujuan'>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputPassword">Scan Surat</label> &nbsp;&nbsp;&nbsp;
                <input type="file" name="file">
            </div>
            <div class="modal-footer">
                <label class="control-label" for="inputPassword"></label>
                <button type="submit" class="btn btn-primary" id="btn">Input Data</button>
                <button type="button" data-dismiss="modal" aria-hidden="true" class="btn">Cancel</button>
            </div>
        </form>
</div>

<script type="text/javascript">
    $(function(){
        $('.edit_modal').click(function(){
            var _data = $(this).closest('td').attr('data-role');
            $('#example').modal('show');
            var obj = JSON.parse(_data);
            $('#example form').values(obj);
        });
    });
</script>