代码之家  ›  专栏  ›  技术社区  ›  Elberth Agreda

如何在angular2中使用bootstrap表的日期格式化程序?

  •  1
  • Elberth Agreda  · 技术社区  · 7 年前

    代码html:

    <table id="table" data-show-refresh="true" data-show-toggle="true" data-show-columns="true">
                                        <thead>
                                            <tr>
                                                <th data-field="state" data-checkbox="true"></th>
                                                <th data-field="userId" data-sortable="true">Usuario</th>
                                                <th data-field="userName" data-sortable="true">Nombre</th>
                                                <th data-field="lastName" data-sortable="true">Apellido</th>
                                                <th data-field="email" data-sortable="true">Correo</th>
                                                <th data-field="mobilePhone">Teléfono</th>
                                                <th data-field="cargo">Cargo</th>
                                                <th data-field="evento" data-formatter="acciones">Eventos</th>
                                            </tr>
                                        </thead>
                                    </table>
    

      tableRow(data){
        $(function () {
            $('#table').bootstrapTable({
                data: data,
                pagination: true,
                pageNumber: 1,
                pageSize: 10,
                search: true,
                minimumCountColumns: 2,
                iconsPrefix : 'icon',
                icons: {
                  refresh: 'ion-ios-loop-strong',
                  toggle: 'ion-ios-list-outline',
                  columns: 'ion-ios-more'
                }
            });
        });
        function acciones(){
          return "<a href='/user:id' />Edit</a>";
        }
      }
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   Ludovic Guillaume    7 年前

    函数 acciones 仅在typescript函数中定义 tableRow

    bootstrap-table data-formatter 似乎使用全局函数(即定义在 window

    这应该有效:

    window.acciones = function () {
      return '<a href="/user:id">Edit</a>';
    };
    

    注:我不认为 Angular . 我不建议使用 jQuery 这种环境下的插件。