bootstrap datetimepicker 重新初始化之后,日期为啥会变为1899年
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap datetimepicker 重新初始化之后,日期为啥会变为1899年相关的知识,希望对你有一定的参考价值。
// 先移除后重新初始化$(".form_datetime").datetimepicker('remove');
// 日期控件属性设置(相当于初始化)
$(".form_datetime").datetimepicker(
format : format,
startView : startView,
maxView : maxView,
minView : minView,
pickerPosition : "bottom-left",
language : 'zh-CN',
todayBtn : todayBtn,
autoclose : true,
endDate : new Date()
// 最大值
);
最关键的就是调用remove属性 参考技术A //初始化修改模态框里的时间控件
$(".form_datetime").datetimepicker(
format: 'yyyy-mm-dd hh:ii',//把这句改为:format: 'yyyy-MM-dd hh:mm:ss',
language: 'zh-CN',
todayBtn: "linked",
startDate: "2010-01-01"
);
我遇到这个问题的原因是:控件自带的时间初始化格式不正确。 参考技术B 同样建NJ树,为什么MEGA算得那么快,phylip算nj之前要算dist,mega也算吗?
——没用过phlip,不知道具体情况,但是构建NJ树的基础都是先计算出两两距离,然后再根据距离大小画出树图,至于为啥MEGA要快,可能是程序编辑的不一样吧,就像我用PAUP计算MP和NJ树时,特别是序列很多的时候,比MEGA快得不是一倍两倍。
关于bootstrap时间控件datetimepicker的位置错乱问题
最近遇到datetimepicker这个时间控件在加载到网页显示时会发生错乱,具体解决如下:
1、首先我的源代码是从网站下载的:http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm
采用的源码是:sample in bootstrap v2文件夹下的:
2、考虑到位置错乱问题应该是在
js文件中,通过查找最终确定在bootstrap-datetimepicker.js中的问题:
应将其中的place:代码修改如下:
place: function () {
if (this.isInline) return;
if (!this.zIndex) {
var index_highest = 0;
$(‘div‘).each(function () {
var index_current = parseInt($(this).css("zIndex"), 10);
if (index_current > index_highest) {
index_highest = index_current;
}
});
this.zIndex = index_highest + 10;
}
var offset, top, left, containerOffset;
if (this.container instanceof $) {
containerOffset = this.container.offset();
} else {
containerOffset = $(this.container).offset();
}
if (this.component) {
offset = this.component.offset();
left = offset.left;
if (this.pickerPosition == ‘bottom-left‘ || this.pickerPosition == ‘top-left‘) {
left += this.component.outerWidth() - this.picker.outerWidth();
}
} else {
offset = this.element.offset();
left = offset.left;
}
if(left+220 > document.body.clientWidth){
left = document.body.clientWidth-220;
}
if (this.pickerPosition == ‘top-left‘ || this.pickerPosition == ‘top-right‘) {
top = offset.top - this.picker.outerHeight();
} else {
top = offset.top + this.height;
}
top = top - containerOffset.top;
left = left - containerOffset.left;
if(this.container != ‘body‘) top = top + document.body.scrollTop
this.picker.css({
top: top,
left: left,
zIndex: this.zIndex
});
},
最后问题解决!!
应将其中的place:代码修改如下:
place: function () {
if (this.isInline) return;
if (!this.zIndex) {
var index_highest = 0;
$(‘div‘).each(function () {
var index_current = parseInt($(this).css("zIndex"), 10);
if (index_current > index_highest) {
index_highest = index_current;
}
});
this.zIndex = index_highest + 10;
}
var offset, top, left, containerOffset;
if (this.container instanceof $) {
containerOffset = this.container.offset();
} else {
containerOffset = $(this.container).offset();
}
if (this.component) {
offset = this.component.offset();
left = offset.left;
if (this.pickerPosition == ‘bottom-left‘ || this.pickerPosition == ‘top-left‘) {
left += this.component.outerWidth() - this.picker.outerWidth();
}
} else {
offset = this.element.offset();
left = offset.left;
}
if(left+220 > document.body.clientWidth){
left = document.body.clientWidth-220;
}
if (this.pickerPosition == ‘top-left‘ || this.pickerPosition == ‘top-right‘) {
top = offset.top - this.picker.outerHeight();
} else {
top = offset.top + this.height;
}
top = top - containerOffset.top;
left = left - containerOffset.left;
if(this.container != ‘body‘) top = top + document.body.scrollTop
this.picker.css({
top: top,
left: left,
zIndex: this.zIndex
});
},
最后问题解决!!
参考链接:https://github.com/smalot/bootstrap-datetimepicker/issues/363
以上是关于bootstrap datetimepicker 重新初始化之后,日期为啥会变为1899年的主要内容,如果未能解决你的问题,请参考以下文章
Bootstrap 3 datetimepicker - MinTime 和 MaxTime
大神,bootstrap-datetimepicker控件怎么精确到秒
bootstrap 4 datetimepicker如何本地化