bootstrap-datetimepicker的两种版本
1.引入js/css
<link rel="stylesheet" th:href="@{/plugin/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css}"/>
<script th:src="@{/plugin/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js}"></script>
<script th:src="@{/plugin/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js}"></script>
在html中加入div和input
<div class="right-input date input-group" style="width: 100px;">
<input type="text" class="form-control ant-input" style="float: inherit; width: 150px; height: 25px;" name="startTime" id="starttime" />
<span class="input-group-addon" style="padding-right: 0; padding-left: 2px; padding-bottom: 0; padding-top: 5px; margin: 0; width: auto; display: inherit">
<span class="glyphicon glyphicon-calendar" style="top: 0px;">
</span>
</span>
</div>
在js中初始化 bootstrap-datetimepicker
$('.date').datetimepicker({
todayBtn : true, //是否打开定位此时此刻的标签
autoclose : true, //选择时间以后是否自动关闭
format : "yyyy-mm-dd hh:mm:ss"
}).on('changeDate', function(e){
clearInterval(se);
var btime = $('#starttime').val();
var date = new Date(btime);
var stime = new Date(date).getTime();
var etime = new Date(new Date()).getTime();
usedTime = stime- etime; //两个时间戳相差的毫秒数
if(usedTime>0){
//调用setInterval控制
se = setInterval('t_time()', 1000);
}
});
//更多的初始化设置可以在网上搜索
2.版本4.0的datetimepicker
<script th:src="@{/plugin/datetimepicker/moment-with-locales.js}"></script>
<script th:src="@{/plugin/datetimepicker/bootstrap-datetimepicker.js}"></script>
<link rel="stylesheet" th:href="@{/plugin/datetimepicker/bootstrap-datetimepicker.css}"/>
html中div和input的设置如上
js的初始化如下,4.0版本的初始化设置不一样,详情可以在js里面看
$('.date').datetimepicker({
//startDate: new Date,
showTodayButton : true,
showClear :true,
minDate: new Date(),
keepOpen: true,
widgetPositioning: {
horizontal: 'right',
vertical: 'top'
},
format : "YYYY-MM-DD hh:mm:ss"
}).bind('dp.change', function(e) { //绑定的变更方法
clearInterval(se);
var btime = $('#starttime').val();
var date = new Date(btime);
var stime = new Date(date).getTime();
var etime = new Date(new Date()).getTime();
usedTime = stime- etime; //两个时间戳相差的毫秒数
if(usedTime>0){
//调用setInterval控制
se = setInterval('t_time()', 1000);
}
});
bootstrap-datetimepicker的两种版本的更多相关文章
- 【转载】pygame安装与两种版本的Python兼容问题
在开始学习游戏编程之前,我们先来安装下pygame和python3.2.5 参考园友: http://www.cnblogs.com/hongten/p/hongten_pygame_install. ...
- 日期选择器(Query+bootstrap和js两种方式)
日期选择是在下拉列表中选择年.月.日,年显示前后的五年,12个月,日就是有30.31.29.28天的区别,随着月份的变而变 一.js方式的日期选择 (1)首先就是三个下拉列表了,点击年.月.日显示列表 ...
- 手把手教你如何安装Tensorflow(Windows和Linux两种版本)
tensorflow 不支持Python2.7,最好选择下载Python3.5 现在越来越多的人工智能和机器学习以及深度学习,强化学习出现了,然后自己也对这个产生了点兴趣,特别的进行了一点点学习,就通 ...
- Tensorflow从0到1(一)之如何安装Tensorflow(Windows和Linux两种版本)
现在越来越多的人工智能和机器学习以及深度学习,强化学习出现了,然后自己也对这个产生了点兴趣,特别的进行了一点点学习,就通过这篇文章来简单介绍一下,关于如何搭建Tensorflow以及如何进行使用.建议 ...
- [Swift]队列Queue的两种版本:(1)用类包装Queue (2)用泛型包装Queue
队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表.进行插入操作的端称为队尾,进行删除操作的 ...
- [Swift]堆栈Stack的两种版本:(1)用类包装Stack (2)用泛型包装Stack
堆栈是一个在计算机科学中经常使用的抽象数据类型.堆栈中的物体具有一个特性: 最后一个放入堆栈中的物体总是被最先拿出来, 这个特性通常称为后进先出(LIFO)队列. 堆栈中定义了一些操作. 两个最重要的 ...
- 大整数四则运算(vector与数组两种版本实现)
每逢大整数四则运算,都会怯懦,虽是算法竞赛必会的东西,也零散的学过,简单的总结过,但不成体系的东西心里一直没底. 所以今天消耗了大量的卡路里,啃了几套模板之后终于总结成了一套自己的模板 再也不用担心大 ...
- MySQL之安装(linux两种版本版本安装)
LinuxMySQL安装(Mysql5.5版本) 第一种 有安装包的安装方式 1.下载地址: http://dev.mysql.com/downloads/mysql 2.检查当前系统是否安装过mys ...
- [hdu 2586]lca模板题(在线+离线两种版本)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2586 在线版本: 在线方法的思路很简单,就是倍增.一遍dfs得到每个节点的父亲,以及每个点的深度.然后 ...
随机推荐
- 用python和GDAL 读取GRIB数据
from osgeo import gdal import numpy as np path = './data/201912/anl_surf125.2019120100' dataset = gd ...
- 【API管理 APIM】APIM中对后端API服务的DNS域名缓存问题
问题描述 在使用API Management来进行API管理时,当我们后端的API DNS IP地址发生改变或者是API的域名发生改变后,通过APIM请求访问的还是是旧的域名或者IP地址,这是因API ...
- SQL 禁止在 .NET Framework 中执行用户代码。启用 "clr enabled" 配置选项
注:本文摘自:http://blog.csdn.net/heshengfen123/article/details/3597125 在执行SQL脚本过程中如果出现 禁止在 .NET Framework ...
- spring-boot-route(二十一)quartz实现动态定时任务
Quartz是一个定时任务的调度框架,涉及到的主要概念有以下几个: Scheduler:调度器,所有的调度都由它控制,所有的任务都由它管理. Job:任务,定义业务逻辑. JobDetail:基于Jo ...
- Java8新特性--Base64转换
1.简介 在Java8中,Base64编码已经成为Java类库的标准.Java 8 内置了 Base64 编码的编码器和解码器. Base64工具类提供了一套静态方法获取下面三种BASE64编解码器: ...
- 一分钟了解"秒杀"系统
关于秒杀,第一反应都是实现起来比较复杂.难点在于:并发读+并发写+设计兜底方案的实现. 比如QQ,虽然数据量很大,但是多数的数据都是细粒度的数据查询,锁冲突比较少:但12306涉及到大量的读写操作,对 ...
- 基于SSH框架的人力资源管理系统设计与实现
- - ->关注博主公众号[C you again],获取更多IT资源(IT技术文章,毕业设计.课程设计系统源码,经典游戏源码,HTML网页模板,PPT.简历模板,!!还可以投稿赚钱!!,点击查 ...
- buuctf-pwn:jarvisoj_level6_x64
jarvisoj_level6_x64 只能申请unsorted bin大小下的unlink IDA看一下,可以发现edit里面有任意堆溢出的情况(realloc造成堆溢出) 然后free里面有UAF ...
- 如何实现一个FormData
一.前言 最近项目中遇到一个问题,我们需要在cocos项目里去上传音频文件,而cocos原生环境和平时我们开发所在的浏览器环境和Node环境有很多差异,而cocos环境只提供了基础类,没有提供Form ...
- 深度学习中卷积层和pooling层的输出计算公式(转)
原文链接:https://blog.csdn.net/yepeng_xinxian/article/details/82380707 1.卷积层的输出计算公式class torch.nn.Conv2d ...