标签:插件 dd 默认 yyyy 日期 视图 true datatimepicker
<%@ 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>
标签:插件,dd,默认,yyyy,日期,视图,true,datatimepicker 来源: https://www.cnblogs.com/yfs1024/p/16273023.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。