bootstrap日期控件与文档编辑器的使用

来源：互联网发布：优化关键词密度的方法编辑：程序博客网时间：2024/06/05 18:40

JSP页面

<%@ page contentType="text/html; charset=UTF-8" %><%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %><portlet:defineObjects /> <%String basePath = renderRequest.getContextPath();%><!-- 引入jquery --><script type="text/javascript" src="<%=basePath%>/js/jquery-1.11.1.js"></script>  <!-- 引入bootstrap-3.3.7插件所需css和js--><link href="<%=basePath%>/bootstrap/bootstrap-datetimepicker.min.css" rel="stylesheet" />  <script src="<%=basePath%>/bootstrap/moment-with-locales.js"></script>  <script src="<%=basePath%>/bootstrap/bootstrap-datetimepicker.min.js"></script> <script src="<%=basePath%>/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script> <!-- 引入umeditor插件所需css和js--><link href="<%=basePath%>/UMeditor/themes/default/css/umeditor.min.css" rel="stylesheet" /> <script src="<%=basePath%>/UMeditor/umeditor.config.js"></script>  <script src="<%=basePath%>/UMeditor/umeditor.min.js"></script>  <script src="<%=basePath%>/UMeditor/lang/zh-cn/zh-cn.js"></script>  <script type="text/javascript">    $(function(){    //日期控件    $('#date1').datetimepicker({            language: 'zh-CN',//显示中文            format: 'yyyy-mm-dd',//显示格式            minView: "month",//设置只显示到月份            initialDate: new Date(),            autoclose: true,//选中自动关闭            todayBtn: true,//显示今日按钮            locale: moment.locale('zh-cn')        });    });</script>   <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <title>分页案例</title>  </head><body><!-- 日期控件 -->日期：<div class="input-append date" id="date1">   <input type="text" />   <span class="add-on"><i class="icon-remove"></i></span>   <span class="add-on"><i class="icon-th"></i></span></div><br><!-- 文档编辑器 --><script type="text/plain" id="myEditor" style="width:50%;height:200px;"></script></body><script type="text/javascript">//实例化编辑器var um = UM.getEditor('myEditor');</script></html>

-----------------------------------------------------------------

显示结果：

此文本编辑器，在IE可能不显示，在谷歌没问题，要注意浏览器版本问题

阅读全文

0 0