Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add datepicker example #935

Merged
merged 3 commits into from
Mar 14, 2016
Merged

Add datepicker example #935

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
525f1e6
Merge remote-tracking branch 'refs/remotes/almasaeed2010/master'
schulzetenberg Feb 19, 2016
fe3382b
Add datepicker plugin to examples
schulzetenberg Feb 19, 2016
bc696b8
Formatting fix
schulzetenberg Feb 19, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 23 additions & 0 deletions pages/forms/advanced.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,8 @@
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- daterange picker -->
<link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker-bs3.css">
<!-- bootstrap datepicker -->
<link rel="stylesheet" href="../../plugins/datepicker/datepicker3.css">
<!-- iCheck for checkboxes and radio inputs -->
<link rel="stylesheet" href="../../plugins/iCheck/all.css">
<!-- Bootstrap Color Picker -->
Expand Down Expand Up @@ -706,6 +708,20 @@ <h3 class="box-title">Color & Time Picker</h3>
<h3 class="box-title">Date picker</h3>
</div>
<div class="box-body">
<!-- Date -->
<div class="form-group">
<label>Date:</label>

<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" id="datepicker">
</div>
<!-- /.input group -->
</div>
<!-- /.form group -->

<!-- Date range -->
<div class="form-group">
<label>Date range:</label>
Expand Down Expand Up @@ -1080,6 +1096,8 @@ <h3 class="control-sidebar-heading">Chat Settings</h3>
<!-- date-range-picker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="../../plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="../../plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- bootstrap color picker -->
<script src="../../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<!-- bootstrap time picker -->
Expand Down Expand Up @@ -1130,6 +1148,11 @@ <h3 class="control-sidebar-heading">Chat Settings</h3>
}
);

//Date picker
$('#datepicker').datepicker({
autoclose: true
});

//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
Expand Down