bootStrap 日历插件的简单使用

来源：互联网发布：朋克乐队知乎编辑：程序博客网时间：2024/05/06 05:15

首先引入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>

0 0