JQuery маска плагин не работает

0

Когда у меня есть эта строка, $ ('# startdate'). Mask ("99/99/999"); Весь JS файл не запускается.

$(document).ready(function () {

$('#startdate').mask("99/99/999");

$('#startdate').bind("change paste keyup", function () {

$('#table_id').dataTable().fnDraw(); });
$('#enddate').bind("change paste keyup", function () {   

$('#table_id').dataTable().fnDraw(); });

$('#csearchtext').bind("change paste keyup", function () {

    var input = $('#csearchtext').val();
    var dropdownindex = $("select[name='columnlist'] option:selected").index();
    var radioselected = $("input:radio[name='group2']:checked").val();
    var searchpattern = '';

    switch (radioselected) {
        case '1':
            searchpattern = '^' + input;
            break;
        case '2':
            searchpattern = input;
            break;
        case '3':
            searchpattern = input + '$';
            break;
    }

    $('#table_id').dataTable().fnFilter(searchpattern, dropdownindex + 1, true, true, true, false);

});

$('#columnlist').on('change', function () {

    $('#table_id').dataTable().fnFilterClear();

});

$('#dblist').on('change', function () {

    var selected = $('#dblist').find(":selected").text();
    tablefill(selected);

});

$('#search').click(function () {

    var selected = $('#dblist').find(":selected").text();
    tablefill(selected);

});

function tablefill(selected) {
    $('.advsearchbar').show();
    $('#stable').show();

    $('#table_id').dataTable({
        "sAjaxSource": '/php/connect/searchtablequery.php',
        "bProcessing": true,
        "sScrollY": "500px",
        "bDeferRender": true,
        "bDestroy": true,
        "sAjaxDataProp": "",
        "fnServerParams": function (aoData) {
            aoData.push({ "name": "db", "value": selected });
        },
        "aoColumns": [
            { "mData": "calldate" },
            { "mData": "recordingfile" },
            { "mData": "uniqueid" },
            { "mData": "src" },
            { "mData": "did" },
            { "mData": "lastapp" },
            { "mData": "dst" },
            { "mData": "disposition" },
            { "mData": "duration" },
            { "mData": "userfield" },
            { "mData": "accountcode"}],
        "iDisplayLength": 20,
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "sDom": '<"H"Tfr>t<"F"ip>',
        "oTableTools": {
            "sSwfPath": "/DataTables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf",
            "aButtons": [
                "copy", "csv", "xls", "pdf",
                {
                    "sExtends": "collection",
                    "sButtonText": "Save",
                    "aButtons": ["csv", "xls", "pdf"]
                }]
        }
    });
}
});

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title></title>

    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/table.css">
    <link rel="stylesheet" href="/css/layout.css">

    <script type="text/javascript" charset="utf-8" src="/DataTables/media/js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/userdblist.js"></script>
    <script type="text/javascript" charset="utf-8" src="/js/jquerymask.js"></script>


</head>

<body>

<?php include 'navpanel.php'; ?>

    <div class="container">
        <div class="form-bg1">
            <form id="login_form2">
                <table class="bordered">                   
                   <thead>
                       <tr>               
                           <th>DB List & Search</th>
                           <th></th>
                           <th></th>
                           <th></th>
                       </tr>
                   </thead>
                   <tr>
                       <td>Database</td>
                       <td>
                           <select name="dblist" id="dblist">
                           <?php foreach ($dbresult as $row): ?>
                               <option><?=$row["DBNick"]?></option>
                           <?php endforeach ?>
                           </select>
                       </td>
                       <td><input class="search" id="search" value="Select" type="button"></input></td>
                       <td></td>
                   </tr>
                   <tr class="advsearchbar" style="display: none">
                       <td>Column<br><br>Search</td>
                       <td>
                            <select name="columnlist" id="columnlist">
                                <option>Recording</option>
                                <option>System</option>
                                <option>Outbound CallerID</option>
                                <option>DID</option>
                                <option>App</option>
                                <option>Destination</option>
                                <option>Disposition</option>
                                <option>Duration</option>
                                <option>User</option>
                                <option>Account</option>                                                        
                            </select>                              
                           <input type="text" name="csearchtext" id="csearchtext">
                       </td>
                       <td>                              
                           <input type="radio" name="group2" value="1">Start With<br>
                           <input type="radio" name="group2" value="2" checked>Contains<br> 
                           <input type="radio" name="group2" value="3">Ends With
                       </td>
                       <td>
                           From Date<input type="text" name="startdate" id="startdate" value="2013-08-13" size="10px">
                           H<input type="text" name="startdatehour" id="startdatehour" size="1px">
                           M<input type="text" name="startdatemin" id="startdatemin" size="1px">
                           <br>
                           To Date&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="enddate" id="enddate" size="10px">
                           H<input type="text" name="enddatehour" id="enddatehour" size="1px">
                           M<input type="text" name="enddatemin" id="enddatemin" size="1px">
                       </td>
                   </tr>  
                </table>
            </form>    
        </div>
    </div>

    <?php include('searchtable.php');?>


</body>

Не знаю, почему это не работает, поскольку я включил js файл из плагина и jquery. Любая помощь могла бы быть полезна.

Теги:

1 ответ

0

Маска $ ('# startdate'). ("9999/99/99"); работает, помещая его на страницу php под $ ('# startdate'). mask ("9999/99/99"); но не в js файле. Не уверен, почему, поскольку все остальное работает отлично.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню