datetimepicker日期插件用例

<link rel="stylesheet" href="<%=path %>/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="<%=path %>/bootstrap/css/bootstrap-datetimepicker.css" media="screen">
   
<script type="text/javascript" src="<%=path %>/bootstrap/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=path %>/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=path %>/bootstrap/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="<%=path %>/bootstrap/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

<div style="height: 400px;padding-top: 100px;text-align: center;">

    
                  测试
      <input id="startDate" name="startDate" type="text" class="datetimepicker" style="width: 80px;height: 16px;"/>

    </div>

 <script type="text/javascript">

    $('.datetimepicker').datetimepicker({
        format: 'yyyy-mm-dd',
     weekStart:0,//一周从哪一天开始。0（星期日）到6（星期六）
     //startDate: '2017-08-05',//开始时间
     endDate:new Date(),//开始时间
     daysOfWeekDisabled:'0,6',//周几不可选
     autoclose: true,//选中自动关闭 默认
     minView:'month',//日期精度设置只显示到月份  day month year hour
     todayBtn: true,//如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
     todayHighlight:true,//如果为true, 高亮当前日期
     keyboardNavigation: true,//是否允许通过方向键改变日期
     language: 'zh-CN', //显示中文  en 英文
     initialDate: new Date(),
     startView:2,//日期时间选择器打开之后首先显示的视图。 可接受的值     0 or 'hour' for the hour view 。
                //1 or 'day' for the day view 。
                //2 or 'month' for month view (the default) 。
                //3 or 'year' for the 12-month overview。
                //4 or 'decade' for the 10-year overview. Useful for date-of-birth datetimepickers.

   });
</script>