<!DOCTYPE html>
|
<html>
|
<head>
|
<title></title>
|
<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
<link href="../css/datetimepicker.css" rel="stylesheet" media="screen">
|
</head>
|
|
<body>
|
<div class="container">
|
<form action="" class="form-horizontal">
|
<fieldset>
|
<legend>Test</legend>
|
<div class="control-group">
|
<label class="control-label">DateTime Picking</label>
|
<div class="controls input-append date form_datetime" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
|
<input size="16" type="text" value="" readonly>
|
<span class="add-on"><i class="icon-remove"></i></span>
|
<span class="add-on"><i class="icon-th"></i></span>
|
</div>
|
<input type="hidden" id="dtp_input1" value="" /><br/>
|
</div>
|
<!--div class="control-group">
|
<label class="control-label">Date Picking</label>
|
<div class="controls input-append date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
|
<input size="16" type="text" value="" readonly>
|
<span class="add-on"><i class="icon-remove"></i></span>
|
<span class="add-on"><i class="icon-th"></i></span>
|
</div>
|
<input type="hidden" id="dtp_input2" value="" /><br/>
|
</div>
|
<div class="control-group">
|
<label class="control-label">Time Picking</label>
|
<div class="controls input-append date form_time" data-date="" data-date-format="hh:ii" data-link-field="dtp_input3" data-link-format="hh:ii">
|
<input size="16" type="text" value="" readonly>
|
<span class="add-on"><i class="icon-remove"></i></span>
|
<span class="add-on"><i class="icon-th"></i></span>
|
</div>
|
<input type="hidden" id="dtp_input3" value="" /><br/>
|
</div-->
|
</fieldset>
|
</form>
|
</div>
|
|
<script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
|
<script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"></script>
|
<script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
|
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
|
<script type="text/javascript">
|
$('.form_datetime').datetimepicker({
|
//language: 'fr',
|
weekStart: 1,
|
todayBtn: 1,
|
autoclose: 1,
|
todayHighlight: 1,
|
startView: 2,
|
forceParse: 0,
|
showMeridian: 1
|
});
|
/*$('.form_date').datetimepicker({
|
language: 'fr',
|
weekStart: 1,
|
todayBtn: 1,
|
autoclose: 1,
|
todayHighlight: 1,
|
startView: 2,
|
minView: 2,
|
forceParse: 0
|
});
|
$('.form_time').datetimepicker({
|
language: 'fr',
|
weekStart: 1,
|
todayBtn: 1,
|
autoclose: 1,
|
todayHighlight: 1,
|
startView: 1,
|
minView: 0,
|
maxView: 1,
|
forceParse: 0
|
});*/
|
</script>
|
|
</body>
|
</html>
|
