使用Bootstrap DateTimePicker显示1899年的问题

时间框js和css引入

之所以会出现1899年，是因为输入框与初始化的时间格式不一致导致的，只要在Input框中加入：data-date-format='yyyy-mm-dd hh:ii:ss'，初始化时指定format就可以了。我用的是grails框架做前端页面，也就是gsp页面，不过该框架和jsp，html是通用的。文件引入如下：

<asset:stylesheet src="bootstrap.css"/>
<asset:javascript src="bootstrap-datetimepicker.min.js"/>
<asset:stylesheet src="bootstrap-datetimepicker.min.css"/>
<asset:javascript src="bootstrap-datetimepicker.zh-CN.js"/>

由于我的时间框是动态的，所以通过js代码实现：

index.gsp页面中只需要加入一行代码：

<input type="hidden" id="back_param_num" value=""/>

js动态生成：

$("#param_div_id").append("<div style='padding-top: 5px;'>" +"<span>" + data[i].split('#')[2] + "：</span>" +"<span class='input-group'>" +"<input id='param" + i + "' type='text' data-date-format='yyyy-mm-dd hh:ii:ss'>" +"</span>" +"</div>"
)

初始化时间框的js代码：

function initDateTimePicker(timePickerArr) {if(timePickerArr.length > 0) {for(var i in timePickerArr) {$("#" + timePickerArr[i]).datetimepicker({//选择年月日format: 'yyyy-mm-dd hh:ii:ss',language: 'zh-CN',weekStart: 0,todayBtn: 1,//显示‘今日’按钮autoclose: 1,todayHighlight: true,startView: 2,minView: 0,clearBtn:true,});//初始化为当前时间$("#" + timePickerArr[i]).datetimepicker('setDate', new Date());}}
}

使用Bootstrap DateTimePicker显示1899年的问题相关推荐

bootstrap中datetimepicker显示1899问题
有些情况下bootstrap中datetimepicker会显示1899问题以下是修改源码解决方法bootstrap-datetimepicker.js中 update: function () { ...
关于datetimepicker显示1899年的问题
datetimepicker是一个很好用的日期时间选择插件,但是经常会发现点击完之后时间会变成1899年.其实这个问题,不用网上说的什么update,remove什么的方式来解决. 之所以会产生189 ...
bootstrap datetimepicker的时间变成1899年
bootstrap datetimepicker 重新加载后,日期会变1899年, 这个问题要怎么解决呢?? 先看个小例子: <%@ Page Language="C#" A ...
vue2.0 与 bootstrap datetimepicker的结合使用
vue2.0 与 bootstrap datetimepicker的结合使用 1.在很多的项目中,我们都会用到日期插件,然后当我在vue中使用bootstrap datetimepicker时发现双向 ...
bootstrap datetimepicker、bootstrap datepicker日期组件对范围的简单封装
1.bootstrap datepicker 使用 <div class="row form-group"><label class="control- ...
bootstrap datetimepicker 用法+demo案例下载
bootstrap datetimepicker 用法+demo案例下载官网文档地址是:http://www.bootcss.com/p/bootstrap-datetimepicker/ date ...
bootstrap-datetimepicker出现时间选择时年份显示1899年的异常
bootstrap-datetimepicker出现时间选择时年份显示1899年的异常参考文章: (1)bootstrap-datetimepicker出现时间选择时年份显示1899年的异常 (2) ...
bootstrap中datetimepicker只选择月份显示1899问题
直接修改bootstrap-datetimepicker.js中 update: function () {var date, fromArgs = false;if (arguments & ...
bootstrap datetimepicker
效果预览我们先来看一下效果可以看到这款插件的功能很强大,涵盖了十年视图,年视图,月视图,甚至小时视图,分钟视图都有,几乎能够满足大部分人的需要.不仅如此,还有完善的文档,方便我们个性化设置噢,我们 ...

使用Bootstrap DateTimePicker显示1899年的问题

使用Bootstrap DateTimePicker显示1899年的问题相关推荐

最新文章

热门文章