ng-jalaali-flat-datepicker
Version:
Angular.js Datepicker built with Moment.js for Jalaali Calendar
43 lines (36 loc) • 1.62 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>ng-jalaali-flat-datepicker demo</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="../dist/ng-jalaali-flat-datepicker.min.css">
<style>
* { font-family: 'tahoma'; direction: rtl;}
</style>
</head>
<body ng-app="testApp" ng-strict-di>
<div ng-controller="mainController">
<h1>نمایش دیت پیکر برای تقویم جلالی </h1>
<input type="text" name="date" ng-jalaali-flat-datepicker datepicker-config="datepickerConfig" gregorian-formatted-picked-date="gfdate" gregorian-picked-date="gdate" ng-model="date">
یا
<button ng-jalaali-flat-datepicker ng-model="date2" type="button" name="button">تاریخی انتخاب کنید</button>
<p>مقادیر حاصل از فیلد متنی
<ul ng-show="gdate">
<li> {{ date | json }} </li>
<li> {{ gdate | json }} </li>
<li> {{ gfdate }} </li>
</ul>
</p>
<p>حاصل انتخاب تاریخ با دکمه:
<ul ng-show="date2">
<li>{{ date2 | json }}</li>
</ul>
</p>
</div>
<!-- JS -->
<script src="../dist/prerequisities.min.js"></script>
<script src="../dist/ng-jalaali-flat-datepicker.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>