添加日历时间选择

master

2022-06-09 c6b04bbd291289e93131155249042c69c8d2d0bc

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html> 
<html lang="en"> 
 
<head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Document</title> 
  <link rel="stylesheet" href="./index.css"> 
  <link rel="stylesheet" href="../../js/bootstrap/bootstrap.css"> 
  <link rel="stylesheet" href="../../js/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css"> 
</head> 
 
<body> 
  <div class="search"> 
    <div class="container"> 
      <form action="" class="form-horizontal"> 
        <fieldset> 
          <div class="controls input-append date form_datetime" data-date="2019-09-16T05:25:07Z" 
            data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1"> 
            <input size="16" type="text" value="2019-10-01 10:07:00" readonly class="time1"> 
            <!-- <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="" /> 
          <div class="controls input-append date form_datetime" data-date="2019-09-16T05:25:07Z" 
            data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1"> 
            <input size="16" type="text" value="2019-10-01 12:00:00" readonly class="time2"> 
            <!-- <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="" /> 
        </fieldset> 
      </form> 
    </div><br /> 
    <button class="search_time_btn" style="background-color: #394582;">查询</button> 
  </div> 
 
 
 
 
 
  <script src="../../js/bootstrap.min.js"></script> 
  <script src="../../js/jquery-1.8.3.min.js"></script> 
  <script src="../../js/bootstrap/bootstrap-datepicker/bootstrap-datepicker.js"></script> 
  <script src="../../js/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script> 
  <script src="../../js/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script> 
  <script src="./index.js"></script> 
  <script src="./widgets.js"></script> 
  <script type="text/javascript"> 
    $('.form_datetime').datetimepicker({ 
      language: 'zh-CN',  //设置为中文 
      format: 'yyyy-mm-dd hh:ii:00',  //设置日期格式 
      weekStart: 1, 
      todayBtn: 1, 
      autoclose: 1, 
      todayHighlight: 1, 
      startView: 2, 
      forceParse: 0, 
      showMeridian: 1 
    }); 
  </script> 
</body> 
 
</html>