kylefang/angular-datepicker
1
0
Fork 0
mirror of https://github.com/HackPlan/angular-datepicker.git synced 2026-04-29 04:05:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

updated readme

Browse Source
This commit is contained in:
g00fy
2013-06-08 10:33:08 +02:00
parent 96ef60bb79
commit 2c6a183681
3 changed files with 95 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
README
View File

@@ -1 +0,0 @@
# AngularJS datepicker directives

67
README.md Normal file
View File

@@ -0,0 +1,67 @@
# AngularJS datepicker directives
#### Examples
##### defaults
```html
<div date-picker="start"></div>
```
##### year view
```html
<div date-picker="start" year></div>
```
##### month view
```html
<div date-picker="start" month></div>
```
##### only date view
```html
<div date-picker="start" date></div>
```
##### hours view
```html
<div date-picker="start" hours></div>
```
##### minutes view
```html
<div date-picker="start" minutes></div>
```
##### input as datepicker
```html
<input type="datetime" date-time ng-model="start">
```
##### input with formatted value
```html
<input type="datetime" date-time ng-model="end" hours format="short">
```
##### date-range picker
```html
<div date-range start="start" end="end"></div>
```

56
app/index.html
View File

@@ -26,34 +26,34 @@
<h5>default</h5>
<pre>&lt;div date-picker="start"&gt;&lt;/div&gt; </pre>
<div date-picker="start" class="datetimepicker"></div>
<!--<h5>year</h5>-->
<!--<pre>&lt;div date-picker="start" <strong>year</strong>&gt;&lt;/div&gt; </pre>-->
<!--<div date-picker="start" class="datetimepicker" year></div>-->
<!--<h5>month</h5>-->
<!--<pre>&lt;div date-picker="start <strong>month</strong>&gt;&lt;/div&gt; </pre>-->
<!--<div date-picker="start" class="datetimepicker" month></div>-->
<!--<h5>date</h5>-->
<!--<pre>&lt;div date-picker="start" <strong>date</strong>&gt;&lt;/div&gt; </pre>-->
<!--<div date-picker="start" class="datetimepicker" date></div>-->
<!--<h5>hours</h5>-->
<!--<pre>&lt;div date-picker="start" <strong>hours</strong>&gt;&lt;/div&gt; </pre>-->
<!--<div date-picker="start" class="datetimepicker" hours></div>-->
<!--<h5>minutes</h5>-->
<!--<pre>&lt;div date-picker="start" <strong>minutes</strong>&gt;&lt;/div&gt; </pre>-->
<!--<div date-picker="start" class="datetimepicker" minutes></div>-->
<!--</div>-->
<!--<div class="span6">-->
<!--<h3>Input</h3>-->
<!--<h5>default</h5>-->
<!--<pre>&lt;input type="datetime" <strong>ng-model="model" date-time</strong>&gt;&lt;/div&gt; </pre>-->
<!--<input type="datetime" date-time ng-model="start">-->
<!--<h5>Input format</h5>-->
<!--<pre>&lt;input type="datetime" ng-model="model" date-time <strong>format="long"</strong>&gt;&lt;/div&gt; </pre>-->
<!--<input type="datetime" date-time ng-model="end" hours format="short">-->
<!--<h5>Date range</h5>-->
<!--<pre>&lt;div date-range start="start" end="end" &gt;&lt;/div&gt; </pre>-->
<!--<div date-range start="a" end="b" style="position: relative"></div>-->
<!--</div>-->
<h5>year</h5>
<pre>&lt;div date-picker="start" <strong>year</strong>&gt;&lt;/div&gt; </pre>
<div date-picker="start" class="datetimepicker" year></div>
<h5>month</h5>
<pre>&lt;div date-picker="start <strong>month</strong>&gt;&lt;/div&gt; </pre>
<div date-picker="start" class="datetimepicker" month></div>
<h5>date</h5>
<pre>&lt;div date-picker="start" <strong>date</strong>&gt;&lt;/div&gt; </pre>
<div date-picker="start" class="datetimepicker" date></div>
<h5>hours</h5>
<pre>&lt;div date-picker="start" <strong>hours</strong>&gt;&lt;/div&gt; </pre>
<div date-picker="start" class="datetimepicker" hours></div>
<h5>minutes</h5>
<pre>&lt;div date-picker="start" <strong>minutes</strong>&gt;&lt;/div&gt; </pre>
<div date-picker="start" class="datetimepicker" minutes></div>
</div>
<div class="span6">
<h3>Input</h3>
<h5>default</h5>
<pre>&lt;input type="datetime" <strong>ng-model="model" date-time</strong>&gt;&lt;/div&gt; </pre>
<input type="datetime" date-time ng-model="start">
<h5>Input format</h5>
<pre>&lt;input type="datetime" ng-model="model" date-time <strong>format="long"</strong>&gt;&lt;/div&gt; </pre>
<input type="datetime" date-time ng-model="end" hours format="short">
<h5>Date range</h5>
<pre>&lt;div date-range start="start" end="end" &gt;&lt;/div&gt; </pre>
<div date-range start="a" end="b" style="position: relative"></div>
</div>
</div>
<script src="components/jquery/jquery.js"></script>