<!DOCTYPE HTML> |
02 |
<html> |
03 |
<head>
|
04 |
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
|
05 |
<link rel="stylesheet" type="text/css" media="screen"
|
06 |
href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
|
07 |
</head>
|
08 |
<body>
|
09 |
<div id="datetimepicker" class="input-append date">
|
10 |
<input type="text"></input>
|
11 |
<span class="add-on">
|
12 |
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
|
13 |
</span>
|
14 |
</div>
|
15 |
<script type="text/javascript"
|
16 |
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
|
17 |
</script>
|
18 |
<script type="text/javascript"
|
19 |
src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
|
20 |
</script>
|
21 |
<script type="text/javascript"
|
22 |
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
|
23 |
</script>
|
24 |
<script type="text/javascript">
|
25 |
$('#datetimepicker').datetimepicker({
|
26 |
format: 'MM/dd/yyyy hh:mm',
|
27 |
language: 'en',
|
28 |
pickDate: true,
|
29 |
pickTime: true,
|
30 |
hourStep: 1,
|
31 |
minuteStep: 15,
|
32 |
secondStep: 30,
|
33 |
inputMask: true
|
34 |
});
|
35 |
</script>
|
36 |
</body>
|
37 |
格式如下： <input id="to_datetime" type="text" class="zc_input" value="结束日期" data-date-format="yyyy-mm-dd hh:ii" data-date="<?php echo date('Y-m-d',time())?>T05:25:07Z"> <script> $('#from_datetime').datetimepicker({ </script> by:yttsic |