<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="300" border="0" cellpadding="0">
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td width="142">Start Periode</td>
    <td width="7">:</td>
    <td width="178"><input type="text" name="awalperiodebc271" id="awalperiodebc271" style="width:150px" /></td>
  </tr>

  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>End Periode</td>
    <td>:</td>
    <td><input type="text" name="akhirperiodebc271" id="akhirperiodebc271" style="width:150px" /></td>

  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="button" name="btnsearchbc271" id="btnsearchbc271" value="Search" style="width:100px" /></td>
  </tr>
</table>
</body>
</html>



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

		$("#awalperiodebc271").datepicker({ dateFormat: 'yy/mm/dd' });
		$("#akhirperiodebc271").datepicker({ dateFormat: 'yy/mm/dd' });
		
        $("#btnsearchbc271").button();

        $( "#btnsearchbc271" ).button().click(function(){
						
			jQuery("#tblbc271hdr").jqGrid('setGridParam', { postData: { caritanggalbc271:'ya', awalperiodebc271:$("#awalperiodebc271").val(),akhirperiodebc271:$("#akhirperiodebc271").val()} });
			jQuery("#tblbc271hdr").trigger('reloadGrid');
		
		}); 
		


	});
		  	
</script>


	
	