jqGrid with DatePicker without filter

by gunjan_prmr

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.13.6/js/jquery.jqgrid.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.14.0/css/ui.jqgrid.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.14.0/jquery.jqgrid.min.js"></script>
<table id="grid1"></table>

JavaScript

$(function () {
    "use strict";
   $("#grid1").jqGrid({
     colModel: [
      { name: "BatchID", label: "Batch ID", align: "center"}, 
    	{ name: "Status",  label: "Status", align: "center", formatter: "select", 
              formatoptions: { value: "CAN:Canceled; COM:Completed; PEN:Pending", defaultValue: "PEN" },
        			stype: "select",
        			searchoptions: { value: ":Pending;CAN:Canceled; COM:Completed", align: "center" } },
      { name: "StartRunDateTime", label: "Start Run DateTime", align: "center", editable: true }, 
      { name: "EndRunDateTime", label: "End Run DateTime" , align: "center"}, 
      { name: "Action", label: "Action", align: "center", formatter: "showlink"}, 
      { name: "JobID", label: "Job ID", align: "center" }, 
      { name: "JobName", label: "Job Name", align: "center"}, 
      { name: "ConceptName", label: "Concept Name", align: "center" }, 
      { name: "StartDate", label: "Start Date", align: "center" }, 
      { name: "EndDate", label: "End Date" , align: "center"}, 
      { name: "Frequency", label: "Frequency", align: "center",
      	formatter: "select",
        formatoptions: { value: "ALL:All; DAI:Daily; WEK:Weekly", defaultValue: "ALL" },
        stype: "select",
        searchoptions: { value: ":All; DAI:Daily; WEK:Weekly" } },
      { name: "QueryLink", label: "Query Link", align: "center"},
      { name: "Submitter", label: "Submitter", align: "center"}
    ],
    data: [
            { BatchID: "1", Status: "Pending", StartRunDateTime: "7/12/2017", EndRunDateTime: "7/12/2017", 
              Action: "Cancel Delivery", JobID: "123", JobName: "Test", ConceptName: "CPK", StartDate: "7/12/2017", 
              EndDate: "7/12/2017", Frequency: "All", QueryLink: "Link", Submitter: "John Doe" }
        ],
        iconSet: "fontAwesome",
        rownumbers: true,
        sortname: "invdate",
        sortorder: "desc",
        caption: "The grid, which uses predefined formatters and templates"
    });
});