datatimepicker插件(Datatimepicker plug-in)-其他
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>