bootStrap 日历插件的简单使用

最新推荐文章于 2024-08-10 07:14:59 发布

置顶我就是你的小星星

最新推荐文章于 2024-08-10 07:14:59 发布

阅读量842

点赞数

分类专栏：原创文章标签：日历插件

本文链接：https://blog.csdn.net/qq_34321070/article/details/52289988

版权

原创专栏收录该内容

24 篇文章 0 订阅

订阅专栏

首先引入bootstrap 和他的日历插件的css样式和js代码，还有jquery。

然后就是jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<!DOCTYPE html>

<html>
    <head>
        <link href="./css/bootstrap.min.css" rel="stylesheet" rel="stylesheet" media="screen">
        <link href="./css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    </head>
    <body>

        <input type="text" id="datetimepicker"/>

        <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="./js/bootstrap.min.js"></script>
        <script type="text/javascript" src="./js/bootstrap-datetimepicker.min.js"></script>
        <script type="text/javascript" src="./js/bootstrap-datetimepicker.zh-CN.js"></script>
        <script type="text/javascript" charset="UTF-8">
            $('#datetimepicker').datetimepicker({
                format: 'yyyy-MM-dd',
                language: 'zh-CN',
                pickTime: false
            });
        </script>
    </body>
</html>