首页 > 其他分享 >Bootstrap中的时间插件

Bootstrap中的时间插件

时间:2023-11-18 12:33:25浏览次数:26  
标签:插件 false Bootstrap 日期 时间 按钮 true

需要下面文件包

 

当用户进行对文本框点击的时候弹出来时间选择框,而且用户不能自己修改,只能通过这个插件

 1 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 2   <%
 3   String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
 4 %>
 5   <html>
 6   <head>
 7   <base href="<%=basePath%>">
 8   
 9   <!--JQUERY-->
10   <script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
11   <!--BOOTSTRAP框架-->
12   <link rel="stylesheet" type="text/css" href="jquery/bootstrap_3.3.0/css/bootstrap.min.css">
13   <script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
14   <!--BOOTSTRAP_DATETIMEPICKER插件-->
15   <link rel="stylesheet" type="text/css" href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
16   <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
17   <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>
18  
19   <title>演示bs_datatimepicker插件</title>
20   <script type="text/javascript">
21   $(function () {
22     //当容器加载完成,对容器调用工具函数
23     $("#myDate").datetimepicker({
24       language:'zh-CN', //语言
25       format:'yyyy-mm-dd',//日期的格式
26       minView:'month', //可以选择的最小视图
27       initialDate:new Date(),//初始化显示的日期
28       autoclose:true,//设置选择完日期或者时间之后,日否自动关闭日历
29       todayBtn:true,//设置是否显示"今天"按钮,默认是false
30       clearBtn:true//设置是否显示"清空"按钮,默认是false
31     });
32   });
33 </script>
34   </head>
35   <body>
36   <input type="text" id="myDate" readonly>
37   </body>
38   </html>

 

标签:插件,false,Bootstrap,日期,时间,按钮,true
From: https://www.cnblogs.com/xdqx/p/17840314.html

相关文章

  • RTOS中的TICK中断:时间的小管家,别让程序“迟到”
    Hello,码农小伙伴们!今天我们要探讨的话题可不简单,就是RTOS中那位神秘的时间小管家——TICK中断。别以为它只是一堆数字的背后推手,其实它就像是个时间警察,时刻监督程序不要“迟到”。让我们一起揭开TICK中断的神秘面纱,看看它是怎样在RTOS的世界里默默发挥作用的。TICK中断:时间的小管......
  • 在Rider 中使用Entity Framework Core UI 插件创建EFCore 的 Migration迁移文件时报错
    报错信息EFCoretoolsarerequiredtoexecutethisaction在点击报错信息中的发Fix进行安装时,再次出错这次是提示版本不匹配这里我使用的是EFCore7.0.14版本的报错原因没有安装dotnettool点击Fix进行安装时,是安装的最新版,是要是.net7的安装dotnettool直......
  • vscode插件:koroFileHeader(添加注释文件头)
    第一步:安装插件koroFileHeader。如下图1 第二步:配置setting。将下面的json代码配置到setting中。"fileheader.configObj":{"createFileTime":true,"language":{"languagetest":{"head":"/$$",......
  • 免费!IDEA插件推荐:Apipost-Helper
    今天给大家推荐一款IDEA插件:Apipost-Helper-2.0,写完代码IDEA内一键生成API文档,无需安装、打开任何其他软件;写完代码IDEA内一键调试,无需安装、打开任何其他软件;生成API目录树,双击即可快速定位API定义的代码…非常好用!而且完全免费!在IDEA编辑器插件中心输入Apipost搜索安装:Apipost-......
  • 这款IDEA插件真的爱了
    IDEA是一款功能强大的集成开发环境(IDE),它可以帮助开发人员更加高效地编写、调试和部署软件应用程序。我们在编写完接口代码后需要进行接口调试等操作,一般需要打开额外的调试工具。今天给大家介绍一款IDEA插件:Apipost-Helper-2.0。代码写完直接编辑器内调试、还支持生成接口文档、接......
  • 免费!IDEA插件推荐:Apipost-Helper
    今天给大家推荐一款IDEA插件:Apipost-Helper-2.0,写完代码IDEA内一键生成API文档,无需安装、打开任何其他软件;写完代码IDEA内一键调试,无需安装、打开任何其他软件;生成API目录树,双击即可快速定位API定义的代码…非常好用!而且完全免费!在IDEA编辑器插件中心输入Apipost搜索安装:Apipost......
  • 这款IDEA插件真的爱了
    IDEA是一款功能强大的集成开发环境(IDE),它可以帮助开发人员更加高效地编写、调试和部署软件应用程序。我们在编写完接口代码后需要进行接口调试等操作,一般需要打开额外的调试工具。今天给大家介绍一款IDEA插件:Apipost-Helper-2.0。代码写完直接编辑器内调试、还支持生成接口文档、......
  • SQLSERVER 日期和时间
    日期和时间数据类型数据类型格式范围精确度存储大小(字节)用户定义的秒的小数部分精度时区偏移量timehh:mm:ss[.nnnnnnn]00:00:00.0000000到23:59:59.9999999100纳秒3到5是否dateYYYY-MM-DD0001-01-01到31.12.991天3否否smalldatetimeYYYY-MM-DD......
  • sqlserver-cdc 自动清理时间设定
    1、默认cdc记录清理时间查询EXECsys.sp_cdc_help_jobs 2、修改cdc记录清理时间EXECUTEsys.sp_cdc_change_job@job_type=N'cleanup',@retention=4320; ......
  • 查linux系统重启时间
    1、查linux系统重启时间      2、......