<?=form_open(uri_string())?>
<table class="form">
    <tr>
        <td class="label">Từ ngày</td>
        <td>
            <input type="text" id="tungay" name="tungay" class="w200">
        </td>
    </tr>
    <tr>
        <td class="label">Đến ngày</td>
        <td>
            <input type="text" id="denngay" name="denngay" class="w200">
        </td>
    </tr>    
    <tr>
        <td class="label">Sắp xếp theo</td>
        <td>
            <select name="order">
                <option value="FullName">Họ tên</option>
                <option value="RegisteredDate">Ngày đăng ký</option>
                <option value="PhoneNumber">Số điện thoại</option>
            </select>
            <select name="order_type">
                <option value="desc">Giảm dần</option>
                <option value="asc">Tăng dần</option>
            </select>
        </td>
    </tr>
    <tr>
        <td colspan="2"><input type="submit" name="bt_submit" value="Thống kê"></td>
    </tr>    
</table>
<?=form_close();?>
<script>
    $(function() {
        var dates = $( "#tungay, #denngay" ).datepicker({

            changeMonth: true,
            dateFormat: 'yy-mm-dd', 
            numberOfMonths: 1,
            onSelect: function( selectedDate ) {
                var option = this.id == "tungay" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" );
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
        });
    });
</script>