datatimepicker插件(Datatimepicker plug-in)

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String basePath=request.getScheme()+"://"+request.getServerName()+":"
	+request.getServerPort()+request.getContextPath()+"/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <!--JQUERY-->
    <script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
    <!--BOOTSTRAP框架-->
    <link rel="stylesheet" type="text/css" href="jquery/bootstrap_3.3.0/css/bootstrap.min.css">
    <script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
    <!--BOOTSTRAP_DATETIMEPICKER插件-->
    <link rel="stylesheet" type="text/css" href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
    <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>
    <title>演示bs_datatimepicker插件</title>
<script type="text/javascript">
$(function () {
    //当容器加载完成,对容器调用工具函数
    $("#myDate").datetimepicker({
        format: 'yyyy-mm-dd',  //显示格式可为yyyymm/yyyy-mm-dd/yyyy.mm.dd
		language: 'zh-CN',//中文汉化
		weekStart: 1,  //0-周日,6-周六 。默认为0
		autoclose: true,
		//startView: 3,  //打开时显示的视图。0-'hour' 1-'day' 2-'month' 3-'year' 4-'decade'
		minView: 'month',  //最小时间视图。默认0-'hour'
		//  maxView: 4, //最大时间视图。默认4-'decade'
		todayBtn: true, //true时"今天"按钮仅仅将视图转到当天的日期。如果是'linked',当天日期将会被选中。
		todayHighlight: true,//默认值: false,如果为true, 高亮当前日期。
		initialDate: new Date(),//初始化日期.默认new Date()当前日期
		forceParse: false,  //当输入非格式化日期时,强制格式化。默认true
		bootcssVer: 3,//显示向左向右的箭头
		clearBtn: true // 设置是否清空按钮
    });
});
</script>
</head>
<body>
<input type="text" id="myDate" readonly>
</body>
</html>

————————
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String basePath=request.getScheme()+"://"+request.getServerName()+":"
	+request.getServerPort()+request.getContextPath()+"/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <!--JQUERY-->
    <script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
    <!--BOOTSTRAP框架-->
    <link rel="stylesheet" type="text/css" href="jquery/bootstrap_3.3.0/css/bootstrap.min.css">
    <script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
    <!--BOOTSTRAP_DATETIMEPICKER插件-->
    <link rel="stylesheet" type="text/css" href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
    <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>
    <title>演示bs_datatimepicker插件</title>
<script type="text/javascript">
$(function () {
    //当容器加载完成,对容器调用工具函数
    $("#myDate").datetimepicker({
        format: 'yyyy-mm-dd',  //显示格式可为yyyymm/yyyy-mm-dd/yyyy.mm.dd
		language: 'zh-CN',//中文汉化
		weekStart: 1,  //0-周日,6-周六 。默认为0
		autoclose: true,
		//startView: 3,  //打开时显示的视图。0-'hour' 1-'day' 2-'month' 3-'year' 4-'decade'
		minView: 'month',  //最小时间视图。默认0-'hour'
		//  maxView: 4, //最大时间视图。默认4-'decade'
		todayBtn: true, //true时"今天"按钮仅仅将视图转到当天的日期。如果是'linked',当天日期将会被选中。
		todayHighlight: true,//默认值: false,如果为true, 高亮当前日期。
		initialDate: new Date(),//初始化日期.默认new Date()当前日期
		forceParse: false,  //当输入非格式化日期时,强制格式化。默认true
		bootcssVer: 3,//显示向左向右的箭头
		clearBtn: true // 设置是否清空按钮
    });
});
</script>
</head>
<body>
<input type="text" id="myDate" readonly>
</body>
</html>