<div class="nav">
    <ul>
    <li>
        с

                    <input type="hidden" name="firstdate_year" id="firstdate_year" value="2014"/>
                    <input type="hidden" name="firstdate_month" id="firstdate_month" value="4"/>
                    <input type="hidden" name="firstdate_day" id="firstdate_day" value="5"/>
                    <input type="hidden" name="firstdate_hour" id="firstdate_hour" value="15"/>
                    <input type="hidden" name="firstdate_minute" id="firstdate_minute" value="39"/>
                    <input type="hidden" name="firstdate" id="firstdate" value=""/>

                    <input type="text" id="firstdate_value" name="firstdate_value" readonly="true"/>

                    <img src="/timefix/static/ehOoyeyicTn1g4J798TOs0EONfcODplRlgma98twwbh.png" id="firstdate-trigger" alt="Date"/>

                    <script type="text/javascript">

                        Calendar.setup({
                            name:"firstdate",
                            inputField:"firstdate_value",
                            ifFormat:"%d.%m.%Y",
                            button:"firstdate-trigger",
                            showsTime:false,
                            timeFormat:"24",
                            onUpdate:firstdate_updated,
                            singleClick:true,
                            range:[1999,2999],
                            date:new Date(2014,3,5,15,39)
                        });

                        function firstdate_updated(calendar) {

                            document.getElementById('firstdate').value='struct'
                            document.getElementById('firstdate_year').value= calendar.date.getFullYear();
                            document.getElementById('firstdate_month').value= calendar.date.getMonth()+1;
                            document.getElementById('firstdate_day').value= calendar.date.getDate();

                            if(calendar.showsTime) {
                                document.getElementById('firstdate_hour').value= calendar.date.getHours();
                                document.getElementById('firstdate_minute').value= calendar.date.getMinutes();
                            }else {
                                document.getElementById('firstdate_hour').value = 0;
                                document.getElementById('firstdate_minute').value = 0;
                            }

                        }

                        function firstdate_clean() {
                            document.getElementById('firstdate').value='';
                                document.getElementById('firstdate_value').value=''
                                document.getElementById('firstdate_year').value= '';
                document.getElementById('firstdate_month').value= '';
                document.getElementById('firstdate_day').value= '';
                                document.getElementById('firstdate_hour').value = '';
                document.getElementById('firstdate_minute').value = '';
                        }

                    </script>

            </li>
            <li>
        по

                    <input type="hidden" name="lastdate_year" id="lastdate_year" value="2014"/>
                    <input type="hidden" name="lastdate_month" id="lastdate_month" value="4"/>
                    <input type="hidden" name="lastdate_day" id="lastdate_day" value="5"/>
                    <input type="hidden" name="lastdate_hour" id="lastdate_hour" value="15"/>
                    <input type="hidden" name="lastdate_minute" id="lastdate_minute" value="39"/>
                    <input type="hidden" name="lastdate" id="lastdate" value=""/>

                    <input type="text" id="lastdate_value" name="lastdate_value" readonly="true"/>

                    <img src="/timefix/static/ehOoyeyicTn1g4J798TOs0EONfcODplRlgma98twwbh.png" id="lastdate-trigger" alt="Date"/>

                    <script type="text/javascript">

                        Calendar.setup({
                            name:"lastdate",
                            inputField:"lastdate_value",
                            ifFormat:"%d.%m.%Y",
                            button:"lastdate-trigger",
                            showsTime:false,
                            timeFormat:"24",
                            onUpdate:lastdate_updated,
                            singleClick:true,
                            range:[1999,2999],
                            date:new Date(2014,3,5,15,39)
                        });

                        function lastdate_updated(calendar) {

                            document.getElementById('lastdate').value='struct'
                            document.getElementById('lastdate_year').value= calendar.date.getFullYear();
                            document.getElementById('lastdate_month').value= calendar.date.getMonth()+1;
                            document.getElementById('lastdate_day').value= calendar.date.getDate();

                            if(calendar.showsTime) {
                                document.getElementById('lastdate_hour').value= calendar.date.getHours();
                                document.getElementById('lastdate_minute').value= calendar.date.getMinutes();
                            }else {
                                document.getElementById('lastdate_hour').value = 0;
                                document.getElementById('lastdate_minute').value = 0;
                            }

                        }

                        function lastdate_clean() {
                            document.getElementById('lastdate').value='';
                                document.getElementById('lastdate_value').value=''
                                document.getElementById('lastdate_year').value= '';
                document.getElementById('lastdate_month').value= '';
                document.getElementById('lastdate_day').value= '';
                                document.getElementById('lastdate_hour').value = '';
                document.getElementById('lastdate_minute').value = '';
                        }

                    </script>
                экспорт в
            </li>
            <li>
            <div class='export'>
  <span class='excel'>
    <a class='excel' href='/timefix/base/list?format=excel&amp;extension=xls&amp;firstdate=01.01.2014&amp;lastdate=05.04.2014'>EXCEL</a>
  </span>
</div>
            </li>
    </ul>
    </div>