Ng2-smart-таблица: используйте формат datepicker в поле

Есть ли вероятность, что я смогу использовать формат datepicker в ng2-smart-table.

jobSettings2: object = {
    columns: [
      {
        displayName: "Job ID",
        valueAs: "JobID",
        align: "left",
        columnWidth: "",
        type: "text",
        required: true
      },  



   <ng2-smart-table id="tableID" class="table table-hover" [settings]="jobSettings" [source]="jobSource" (userRowSelect)="selectjobs($event)"></ng2-smart-table>

1 ответ

Решение

Для данных вы можете использовать npm install --save ng-pick-datetime Это обеспечивает множество возможностей для игры с датой.

Если вы хотите использовать выбор даты с ng2-smart-table, вы можете сделать это с помощью свойства с именем renderComponent.

{
 columns: {
    startDate: {
    title: 'Start Time',
    type: 'custom',
    renderComponent: SmartTableDatepickerRenderComponent,
    width: '250px',
    filter: false,
    sortDirection: 'desc',
    editor: {
      type: 'custom',
      component: SmartTableDatepickerComponent,
    }
  },
  endDate: {
    title: 'End Time',
    type: 'custom',
    renderComponent: SmartTableDatepickerRenderComponent,
    width: '250px',
    filter: false,
    editor: {
      type: 'custom',
      component: SmartTableDatepickerComponent,
      config: {
        placeholder: 'End Time'
      }
    }
  }
 }
}

Слышать, вы должны управлять другим компонентом. И вы должны сделать этот компонент в ng2-smart-table,

Для получения дополнительной информации, пожалуйста, проверьте эту ссылку.

Другие вопросы по тегам