ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

datatimepicker插件

2022-05-15 14:02:21  阅读:44  来源: 互联网

标签:插件 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

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有