siftal
Version:
CSS Framework, not bad ;)
86 lines (70 loc) • 2.74 kB
HTML
<html lang="en" dir="ltr">
<head>
<title>Siftal</title>
<meta charset="utf-8">
<meta name="description" content="Siftal, a simple CSS framework with usefull tools for Ermile projects">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0 maximum-scale=1.2, minimal-ui"/>
<link rel="shortcut icon" href="../dist/images/siftal/siftal.ico">
<link rel="icon" href="../dist/images/siftal/siftal.png" type="image/png">
<link rel="stylesheet" href="../dist/css/siftal.css">
<style>
body{background-color:#eee;}
</style>
</head>
<body class="ltr">
<div class="cn">
<div class="tbox">
<h2>Date Picker</h2>
<p>A simple date picker for fast use</p>
</div>
<div class="cbox">
<h3>Example</h3>
<p><a href="https://github.com/babakhani/pwt.datepicker">Read more info and example about persian datepicker</a></p>
<div class="example">
<div class="pA10">
<h4>Without any option</h4>
<input class="input datepicker">
<h4>with default value</h4>
<input class="input datepicker" value="1990/07/06">
</div>
<div class="pA10">
<h4>Without any option to use in php, get timestamp on backend</h4>
<input class="input datepicker" data-alt="#normalAlt">
<input class="input" id="normalAlt">
</div>
</div>
<div class="example">
<div class="pA10">
<h4>With custom format</h4>
<input class="input datepicker" data-format="YY/MM/DD">
<input class="input datepicker" data-format="YYYY-MM-DD">
<input class="input datepicker" data-format="LLLL">
</div>
<div class="pA10">
<h4>Connect to another field</h4>
<input class="input datepicker" data-format="YY/MM/DD" data-alt="#normalAlt2" data-altformat="LLLL">
<input class="input" id="normalAlt2" disabled="">
</div>
<div class="pA10">
<h4>Inline Mode</h4>
<input class="input pB10" id="datepickerInline" disabled="">
<div class="datepicker" data-inline="" data-alt="#datepickerInline" data-altformat="LLLL"></div>
</div>
<div class="pA10">
<h4>English Number</h4>
<input class="input datepicker" data-format="YY/MM/DD" data-en="">
</div>
<div class="pA10">
<h4>Special View mode</h4>
<input class="input datepicker" data-view="year">
<input class="input datepicker" data-view="month">
<input class="input datepicker">
</div>
<div class="pA100"><hr></div>
</div>
</div>
</div>
<script src="../dist/js/siftal.min.js"></script>
</body>
</html>