1

2

<link rel="stylesheet" href="Css/bootstrap-datetimepicker.min.css" rel="external nofollow" >

<script src="Js/bootstrap-datetimepicker.js"></script>

1

<script src=

1

2

3

4

5

6

7

8

$('.date').datetimepicker({

 language: 'zh-CN',//顯示中文

 format: 'yyyy-mm-dd',//顯示格式

 minView: "month",//設定只顯示到月份

 initialDate: new Date(),//初始化當前日期

 autoclose:

 todayBtn: true//顯示今日按鈕

 })

1

2

3

<input size="16" type="text" id="datetimeStart" readonly class="form_datetime">

--

<input size="16" type="text" id="datetimeEnd" readonly class="form_datetime">

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<script type="text/javascript">

  $("#datetimeStart").datetimepicker({

    format: 'yyyy-mm-dd',

    minView:'month',

    language: 'zh-CN',

    autoclose:true,

    startDate:new Date()

  }).on("click",function(){

    $("#datetimeStart").datetimepicker("setEndDate",$("#datetimeEnd").val())

  });

  $("#datetimeEnd").datetimepicker({

    format: 'yyyy-mm-dd',

    minView:'month',

    language: 'zh-CN',

    autoclose:true,

    startDate:new Date()

  }).on("click",function(){

    $("#datetimeEnd").datetimepicker("setStartDate",$("#datetimeStart".val()))

  });

</script>

1

2

3

4

5

6

7

8

9

10

11

<input type="text"class="form-control form_datetime_2"readonly id="month_time"value=""/>

$(".form_datetime_2").

datetimepicker({

language: 'zh-CN',

format: 'yyyy-mm',

autoclose: true,

todayBtn: true,

startView: 'year',

minView:'year',

maxView:'decade'

});