Lösungen ,js webshim

js-webshim.php

Quell Code

<!DOCTYPE HTML>
<html>
    <head>
		<meta charset="utf-8">
		<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    	<link rel="stylesheet" href="webshim-1.16.0/demos/demos/cfgs/assets/config.css" />
    	<script src="webshim-1.16.0/js-webshim/minified/polyfiller.js"></script>
		<script>
			(function(){
        		var stateMatches = {
    				'true': true,
					'false': false,
					'auto': 'auto'
				};
				var enhanceState = (location.search.match(/enhancelist\=([true|auto|false|nopolyfill]+)/) || ['', 'auto'])[1];

				webshim.setOptions('forms-ext', {
				    replaceUI: stateMatches[enhanceState]
				});
			})();
        	webshim.polyfill('forms forms-ext');
		</script>
<style>
.ich1{
width:365px;
padding:10px;
background:lightblue;
position:absolute;
top:100px;
 
left:calc(50% - 180px);
}
.ich{
width:100%;
margin:5px 0 1px 0;
}
.ws-po-outerbox{
background:red;
margin:10px 0 0 -11px;
}

</style>
	</head>

	<body>
 
    
                            <div class="panel  panel-primary ich1">
								<div class="panel-heading">Rendered output</div>
 <div id="aus">
                             <input id="output" class="panel-body ich"  type="date" data-date-start-view="2" data-date-inline-picker="false">   
                             </div>
							</div>
					

	</body>
</html>