bpeterso2000
8/14/2014 - 3:52 AM
Working datepicker example in Bootstrap 3
Working datepicker example in Bootstrap 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example of Twitter Bootstrap 3 Supported Form Controls</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://bsdp-assets.blackcherry.us/1.3.0/datepicker.min.css">
<style>
.input-group[class*="col-"] {
padding-right: 15px;
padding-left: 15px;
}
.control-label.multiline {
padding-top: 10;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://bsdp-assets.blackcherry.us/1.3.0/bootstrap-datepicker.min.js"></script>
<script type="text/javascript">
$(function () {
$(".date").datepicker();
});
</script>
</head>
<body>
<div class="container-fluid">
<div class="col-xs-10 col-xs-offset-1">
<h1>add <small>form</small></h1>
<br/>
<form class="form-horizontal">
<fieldset>
<legend>Form</legend>
<div class="form-group">
<label class="control-label col-xs-1" for="form_number">Number:</label>
<div class="col-xs-2">
<input type="text" class="form-control" id="form_name" placeholder="form number">
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-1" for="form_name">Name:</label>
<div class="col-xs-8">
<input type="text" class="form-control" id="form_name" placeholder="form name">
</div>
</div>
</fieldset>
<fieldset>
<legend>Form</legend>
<div class="form-group">
<label class="control-label col-xs-1" for="revision_date">Revision Date:</label>
<div class="input-group date col-xs-2" id="start">
<input type="text" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-1" for="form_name">Name:</label>
<div class="col-xs-8">
<input type="text" class="form-control" id="form_name" placeholder="form name">
</div>
</div>
</fieldset>
</form>
</div>
</div>
</body>
</html>