jb-data.de/template/tpl/list_tour.tpl

<!--	<link rel="stylesheet" href="https://formden.com/static/cdn/bootstrap-iso.css" /> -->
<link rel="stylesheet" media="screen" href="lib/css/bootstrap-datepicker3.min.css" />	
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="lib/js/bootstrap-datepicker.js"></script>
<script src="lib/js/bootstrap-datepicker.de.min.js"></script>

<!-- ************************  -->

<!-- -------------------------------- Spaltenwechsel -->   
<section id="content">
    <div class="container">
        <div class="row">
<!-- -------------------------------- tour auswählen info -->   
{if $anzeige==0} 
	<div class="col-md-8">
        <div class="panel panel-Primary">
			<div class="panel-body">
                <span style='font-size:14pt;line-height:115%; color:#4F81BD'>Bitte die Tour auswählen...</span> 
            </div>
        </div>
    </div>
{else} 
    <!-- ****************************************************************** -->
    <form action="" method="post"><input type="hidden"/>
        <div class="col-md-8">
            <div class="panel panel-Primary">
                <div class="panel-body">
					{foreach from=$tdata item=tdata }
                        <table class="table-hover">
                            <tbody>	
                                <tbody> 
                                <tr>
                                    <td nowrap="nowrap" style="width:75px;"><strong>Adresse: </strong></td>
                                    <td nowrap="nowrap" style="width:290px;"><input type="text" name="adresse" value="{$tdata.adresse}" style="width:270px"/></td>
                                    
                                    <td nowrap="nowrap" style="width:75px;">Bereich: </td>		
                                    <td nowrap="nowrap"style="width:100px;"><input type="text" name="bereich" value="{$tdata.bereich}" style="width:90px"/></td>

                                    <td nowrap="nowrap" style="width:45px;"><strong>Norm: </strong></td>
                                    <td nowrap="nowrap"style="width:90px;"><input type="text" name="norm" value="{$tdata.norm}" style="width:30px"/></td>
                                <tr>  
                            </tbody>
                        </table>
                        <table class="table-hover">
                            <tbody>	
                                <tbody> 
                                <tr>

                                    <td nowrap="nowrap" style="width:75px;"><strong>Infotext: </strong></td>
                                    <td nowrap="nowrap"style="width:290px;"><input type="text" name="info" value="{$tdata.info}" style="width:270px"/></td>	
                                    <td nowrap="nowrap" style="width:75px;"><strong>Stück: </strong></td>
                                    <td nowrap="nowrap"style="width:50px;"><input type="text" name="exemplare" value="{$tdata.exemplare}" style="width:50px"/></td>
									<td nowrap="nowrap"style="width:30px;"><input type="text" name="typ" value="{$tdata.typ}" style="width:20px"/></td>
                                    <td nowrap="nowrap"style="width:50px;"><input type="text" name="exemplare2" value="{$tdata.exemplare2}" style="width:50px"/></td>
									<td nowrap="nowrap"style="width:30px;"><input type="text" name="typ" value="{$tdata.typ2}" placeholder="X" style="width:20px"/></td>
                                    <td nowrap="nowrap"style="width:50px;"><input type="text" name="exemplare3" value="{$tdata.exemplare3}" style="width:50px"/></td>
									<td nowrap="nowrap"style="width:30px;"><input type="text" name="typ" value="{$tdata.typ3}" placeholder="X" style="width:20px"/></td>                                    
                                <tr>  
                            </tbody>
                        </table>
                        <table class="table-hover">
                            <tbody>	
                                <tbody> 
                                <tr>                                    
                                    <hr>
                                </tr>
							</tbody>
                        </table>                        
					{/foreach}
                </div>
            </div>
        </div>
{/if}





<aside class="col-md-3">
	<div id="rightmenu" class="panel panel-default">
		<div class="panel panel-default">
			<header class="panel-heading"><h2 class="panel-title"><span style='font-size:12pt;line-height:100%; color:#4F81BD'>Datum Auswahl {$wahl_kw}/{$linky}</span></h2></header>
			<div class="panel-body">
                <form method="post">                            
                <div class="form-group"> <!-- Date input -->
                    <input class="form-control" id="date" name="date" value="{$vdatum}" type="text"/>
                    <button class="btn btn-default" name="submit" type="submit">Datum ändern</button>
                </div>
                </form>
            </div>
        </div>
    </div>
<!-- ************************  -->
	<div id="rightmenu" class="panel panel-default">
        <div class="panel-heading"><h2 class="panel-title"><span style='font-size:14pt;color:#4F81BD'>Touren</span></i></div>
        <div class="panel-body">  
            <table class="table-hover"> 
                <tbody> 
                    {foreach from=$tlistdata8 item=tlistdata}
                    <tr>
						<td nowrap style="width:120px;font-size:14pt">
                            <a href="?s=list_tour&id={$tlistdata.id}" title="Kicke zum ausw&auml;len" class="name">{$tlistdata.tour}</a> <br/>		
                        </td> 
						<td nowrap style="width:100px;text-align:right;font-size:14pt;line-height:115%;">	
                            <a style="font-size:14pt;" class="btn btn-default" target="_pdf" onClick="javascript:open('', '_pdf', 'height=800,width=600,resizable=yes')" 
                                href="?s=c_pdf" aria-label="Settings">
                              <i class="fa fa-file-pdf-o fa-ls" aria-hidden="true"></i>
                            </a>
                        </td> 
                    </tr>
                    {/foreach}
                </tbody> 
            </table> 
        </div>
    </div>
<!-- ************************ Tourenlisten 	11-->
	<div id="rightmenu" class="panel panel-default">
        <div class="panel-heading"><h2 class="panel-title"><span style='font-size:14pt;color:#4F81BD'>Touren</span></i></div>
        <div class="panel-body">  
            <table class="table-hover"> 
                <tbody> 
                    {foreach from=$tlistdata11 item=tlistdata}
                    <tr>
						<td nowrap style="width:120px;font-size:14pt">
                            <a href="?s=list_tour&id={$tlistdata.id}" title="Kicke zum ausw&auml;len" class="name">{$tlistdata.tour}</a> <br/>		
                        </td> 
						<td nowrap style="width:100px;text-align:right;font-size:14pt;line-height:115%;">	
                            <a style="font-size:14pt;" class="btn btn-default" target="_pdf" onClick="javascript:open('', '_pdf', 'height=800,width=600,resizable=yes')" 
                                href="?s=c_pdf" aria-label="Settings">
                              <i class="fa fa-file-pdf-o fa-ls" aria-hidden="true"></i>
                            </a>
                        </td> 
                    </tr>
                    {/foreach}
                </tbody> 
            </table> 
        </div>
    </div>
<!-- -------------------------------- Spaltenwechsel -->  
</section>
</aside>






<script> var jahr = '{$linky}';</script>
{literal} 
<script>
	function save_id(kw,jahr) {
//		alert($("#faz_").val());
//		$("#faz_div").html(); // wert lesen
		$("#faz_div").html('<a align="right" class="btn btn-danger" target="_pdf" onClick="javascript:open(\'\', \'_pdf\', \'height=800,width=600,resizable=yes\')" href="?s=list_faz_w&kw={/literal}{$wahl_kw}&jahr={$linky}{literal}&fazid='+$("#faz_").val()+'" aria-label="Settings"><i class="fa fa-file-pdf-o fa-ls" aria-hidden="true"></i></a>');

	}
</script>
<script>
    $(document).ready(function(){
        var date_input=$('input[name="date"]'); //our date input has the name "date"
        var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
        date_input.datepicker({
			language: "de",
			daysOfWeekHighlighted: "0",
			calendarWeeks: true,
			autoclose: true,
			orientation: "bottom auto",
			beforeShowYear: function (date){
						  if (date.getFullYear()) {
							return date.getFullYear;
						  }
						},
			todayHighlight: true,
		})
    })
</script>
{/literal}