Subversion Repositories SmartDukaan

<style>
.modal-content{
                background : white;
        }
        .modelHeaderCustom{
                font-size:14px;
                font-weight:bold;
        }
        
        .form-group{
                border-bottom: 1px solid #eff2f7;
        padding-bottom: 15px;
        margin-bottom: 15px;
        }

</style>

<script type="text/javascript">
  
        $(function() {
        $('input[name="startDateTime"]').daterangepicker({
                "showDropdowns": true,
                "singleDatePicker": true,
                "timePicker": true,
                "timePicker24Hour": true,
                "timePickerSeconds": true,
                "startDate": "01/01/2017",
                "autoUpdateInput": false,
                locale: {
                        cancelLabel: 'Clear',
                        format: 'DD/MM/YYYY HH:mm:ss'
                        }
            });
            
            $('input[name="startDateTime"]').on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('DD/MM/YYYY HH:mm:ss'));
                });

                $('input[name="startDateTime"]').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
                });
            
            $('input[name="endDateTime"]').daterangepicker({
                "showDropdowns": true,
                "singleDatePicker": true,
                "timePicker": true,
                "timePicker24Hour": true,
                "timePickerSeconds": true,
                "startDate": "01/01/2018",
                "autoUpdateInput": false,
                locale: {
                        cancelLabel: 'Clear',
                        format: 'DD/MM/YYYY HH:mm:ss'
                        }
            });
            
            $('input[name="endDateTime"]').on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('DD/MM/YYYY HH:mm:ss'));
                });

                $('input[name="endDateTime"]').on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
                });
            
        });
        
</script>

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>ITEM LEDGER DOWNLOAD</h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="icon_document_alt"></i>ITEM LEDGER DOWNLOAD</li>                                                  
                        </ol>
                </div>
        </div>
        <div id="customer-details" style="background:white;background-color:white;padding:10px;">
                
                <div class = "row">
                        <div class="col-lg-2 form-group">
                                <label for="usr">Start Date Time</label>
                        </div>
                        
                        <div class="col-lg-2 form-group">
                                <input placeholder="Start Date Time" id="startDateTime" name="startDateTime" type="text" value="">
                        </div>
                        
                        <div class="col-lg-2 form-group">
                                <label for="usr">End Date Time</label>
                        </div>
                        
                        <div class="col-lg-2 form-group">
                                <input placeholder="End Date Time" id="endDateTime" name="endDateTime" type="text" value="">
                        </div>
                        
                        <div class="col-xs-3" style="float:right;">
                                <button class="btn btn-primary" style="width:100%;border-radius:0px;" id="downloadItemLedgerReportButton" onclick="downloadItemLedgerReport()">Download Report</button> 
                        </div>
                
                </div>
                        
        </div>
</section>