如何搜索w2ui之间的日期

时间:2017-01-27 04:22:16

标签: javascript jquery html w2ui

我的表使用w2ui javascript和记录中的数据json。我无法使用运营商之间的日期搜索,此代码无效。但是当我使用运算符时它正在工作并且有一个参数。我不知道这段代码有什么问题。我错过了什么?



$(function() {
  $('#grid').w2grid({
    name: 'grid',
    columns: [
      { field: 'recid', caption: 'ID', size: '50px', sortable: true }, 
      { field: 'fname', caption: 'First Name', size: '30%', sortable: true },
      { field: 'lname', caption: 'Last Name', size: '30%', sortable: true }, 
      { field: 'email', caption: 'Email', size: '40%' }, 
      { field: 'sdate', caption: 'Start Date', size: '120px', render:'date', type: 'date' }],
    records: [{
      recid: 1,
      fname: 'John',
      lname: 'doe',
      email: 'jdoe@gmail.com',
      sdate: '4/3/2012'
    }, {
      recid: 2,
      fname: 'Stuart',
      lname: 'Motzart',
      email: 'jdoe@gmail.com',
      sdate: '4/3/2012'
    }, {
      recid: 3,
      fname: 'Jin',
      lname: 'Franson',
      email: 'jdoe@gmail.com',
      sdate: '4/3/2012'
    }, {
      recid: 4,
      fname: 'Susan',
      lname: 'Ottie',
      email: 'jdoe@gmail.com',
      sdate: '4/3/2012'
    }, {
      recid: 5,
      fname: 'Kelly',
      lname: 'Silver',
      email: 'jdoe@gmail.com',
      sdate: '4/3/2012'
    }, {
      recid: 6,
      fname: 'Francis',
      lname: 'Gatos',
      email: 'jdoe@gmail.com',
      sdate: '4/3/2012'
    }, {
      recid: 7,
      fname: 'Mark',
      lname: 'Welldo',
      email: 'jdoe@gmail.com',
      sdate: '4/3/2012'
    }, {
      recid: 8,
      fname: 'Thomas',
      lname: 'Bahh',
      email: 'jdoe@gmail.com',
      sdate: '4/7/2012'
    }, {
      recid: 9,
      fname: 'Sergei',
      lname: 'Rachmaninov',
      email: 'jdoe@gmail.com',
      sdate: '4/6/2012'
    }, {
      recid: 10,
      fname: 'Jill',
      lname: 'Doe',
      email: 'jdoe@gmail.com',
      sdate: '4/5/2012'
    }]
  });
 	
});

function search1() {
    w2ui['grid'].search([{ field: 'sdate', value: ['4/5/2012', '4/7/2012'], type: 'date', operator: 'between'}]);
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://w2ui.com/src/w2ui-1.3.min.js"></script>
<link href="http://w2ui.com/src/w2ui-1.3.min.css" rel="stylesheet"/>

<div id="grid" style="width: 100%; height: 350px;"></div>
<br />
Date: <input type="text" name="sDate"> <input type="text" name="eDate">
<input type="submit" value="Submit" onclick="search1()">
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

搜索属性必须按类型为每一列定义

例如

 searches: [
            { field: 'recid', caption: 'ID ', type: 'int' },
            { field: 'lname', caption: 'Last Name', type: 'text' },
            { field: 'fname', caption: 'First Name', type: 'text' },
            { field: 'email', caption: 'Email', type: 'list', options: { items:[ 'jim@gmail.com', 'jdoe@gmail.com']} },
            { field: 'sdate', caption: 'Start Date', type: 'date' }
 ],