bootstrap模态框_Bootstrap模态框

bootstrap datetimepicker 重新初始化之后，日期为什么会变为1899年

"collection": {

//初始化修改模态框里的时间控件

bootstrap模态框_Bootstrap模态框

bootstrap模态框_Bootstrap模态框

.bind('click', function (e) {

$(".form_datetime").datetimepicker({

formatiStart = 1;: 'yyyy-mm-dd hh:ii',//把这句改为：format: 'yyyy-MM-dd hh:mm:ss',

language: 'zh-CN',

todayBtn: "linked",

startDate: "2010-01-01"

});

bootstrap模态框的分页怎么通过datatables来实现

$.extend( true, $.fn.DataTable.TableTools.classes, {

/ Jion 修改增加 首页、末页 注意修改/

$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )

/ Set the defaults for DataTables initialisation /

$.extend( true, $.fn.dataTable.defaults, {

"sPaginationType": "bootstrap",

"oLanguage": {

"sLengthMenu": "_MENU_ records per page"

}} );

/ Default class modification /

$.extend( $.fn.dataTableExt.oStdClasses, {

"sWrapper": "dataTables_wrapper form-inline",

"sFilterInput": "form-control input-",

"sLengthSelect": "form-control input-"

} );

/ API mod to get paging rmation /

{return {

"iStart": oSettings._iDisplayStart,

"iEnd": oSettings.fnDisplayEnd(),

"iLength": oSettings._iDisplayLength,

"iTotal": oSettings.fnRecordsTotal(),

"iFilteredTotal": oSettings.fnRecordsDisplay(),

"iPage": oSettings._iDisplayLength === -1 ?

0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),

"iTotalPages": oSettings._iDisplayLength === -1 ?

0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )

};

};

$.extend( $.fn.dataTableExt.oPagination, {

"bootstrap": {

"fnInit": function( oSettings, nPaging, fnDraw ) {

var oLang = oSettings.oLanguage.oPaginate;

var fnClickHandler = function ( e ) {

e.prntDefault();

if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {

}};

$(nPaging).append(

'

'+

'

• '+oLang.sFirst+'
'+//此处添加

'

• '+oLang.sPrevious+'
'+

'

• '+oLang.sNext+'
'+

'

• '+oLang.sLast+'
'+//此处添加

'

'

);

var els = $('a', nPaging);

$(els[0]).bind( fnDraw( oSettings );'click.DT', { action: "first" }, fnClickHandler );//此处添加

$(els[1]).bind( 'click.DT', { action: "previous" }, fnClickHandler );

$(els[2]).bind( 'click.DT', { action: "next" }, fnClickHandler );

$(els[3]).bind( 'click.DT', { action: "last" }, fnClickHandler );//此处添加

},

"fnUpdate": function ( oSettings, fnDraw ) {

var iListLength = 5;

var oPaging = oSettings.oInstance.fnPagingInfo();

var i, ien, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);

if ( oPaging.iTotalPages < iListLength) {

}else if ( oPaging.iPage <= iHalf ) {

iEnd = iListLength;

} else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {

iStart = oPaging.iTotalPages - iListLength + 1;

} else {

iStart = oPaging.iPage - iHalf + 1;

iEnd = iStart + iListLength - 1;

}for ( i=0, ien=an.length ; i

// Remove the middle elements

$('li:gt(1)', an[i]).filter(':lt(-2)').remove();//此处修改 $('li:gt(0)', an[i]).filter(':not(:last)').remove();

// Add the new list s and their nt handlers

for ( j=iStart ; j<=iEnd ; j++ ) {

sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';

$('

'+j+'

')

.insertBefore( $('li:eq(-2)', an[i])[0] )//此处修改 .insertBefore( $('li:last', an[i])[0] )

e.prntDefault();

oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) oPaging.iLength;

} );

}// Add / remove disabled classes from the static elements

if ( oPaging.iPage === 0 ) {

$('li:lt(2)', an[i]).addClass('disabled'); //此处修改 $('li:first', an[i]).addClass('disabled');

} else {

$('li:lt(2)', an[i]).removeClass('disabled'); //此处修改$('li:first', an[i]).removeClass('disabled');

}if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {

$('li:gt(-3)', an[i]).addClass('disabled'); //此处修改$('li:last', an[i]).addClass('disabled');

} else {

$('li:gt(-3)', an[i]).removeClass('disabled'); //此处修改$('li:last', an[i]).removeClass('disabled');

}}

}}

} );

/

TableTools Bootstrap compatibility

Required TableTools 2.1+

/

if ( $.fn.DataTable.TableTools ) {

// Set the classes that TableTools uses to soming suitable for Bootstrap

"container": "DTTT btn-group",

"buttons": {

"disabled": "disabled"

},

"container": "DTTT_dropdown dropdown-menu",

"buttons": {

"normal": "",

"disabled": "disabled"

}},

"print": {

"": "DTTT_print_ modal"

},

"select": {

"row": "active"

}} );

// He the collection use a bootstrap compatible dropdown

$.extend( true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {

"container": "ul",

"button": "li",

"liner": "a"

}} );

}

layui和bootstrap冲突吗

"normal": "btn btn-default",

有部分还是有冲突，如：fieldset的layui-elem-field，通过浏览器调试工具把bootstrap的相关样式去掉后就正常了。

"sDom": "<'row'<'col-xs-6'l><'col-xs-6'f>r>t<'row'<'col-xs-6'i><'col-xs-6'p>>",

去掉前：

去我遇到这个问题的原因是：控件自带的时间初始化格式不正确。掉后：

bootstrap modal 用ajax json传值并返回显示在modal内

var an = oSettings.aanFeatures.p;

ajaxInSameDomain("后台请求地址", data/ Bootstrap style pagination control /, "POST", function (result) {

iEnd = oPaging.iTotalPages;

$('#key').html(result["key"]);//后台传回的数据result给id进行赋值

$('#myModal').modal();//模态框展示

});