Ng2-smart-table : Use datepicker format in the field
up vote
1
down vote
favorite
Is there any probability that I can use datepicker format in the 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>
angular typescript angular5 ng2-smart-table
New contributor
add a comment |
up vote
1
down vote
favorite
Is there any probability that I can use datepicker format in the 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>
angular typescript angular5 ng2-smart-table
New contributor
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
Is there any probability that I can use datepicker format in the 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>
angular typescript angular5 ng2-smart-table
New contributor
Is there any probability that I can use datepicker format in the 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>
angular typescript angular5 ng2-smart-table
angular typescript angular5 ng2-smart-table
New contributor
New contributor
New contributor
asked yesterday
goudham
132
132
New contributor
New contributor
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
For data you can use npm install --save ng-pick-datetime
, This provide many features to play with date.
If you want to use date picker with ng2-smart-table
, you can do by it's property named 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'
Hear you have to manage by another component. And you have to render that component into ng2-smart-table
.
For more information please check this link.
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
For data you can use npm install --save ng-pick-datetime
, This provide many features to play with date.
If you want to use date picker with ng2-smart-table
, you can do by it's property named 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'
Hear you have to manage by another component. And you have to render that component into ng2-smart-table
.
For more information please check this link.
add a comment |
up vote
0
down vote
For data you can use npm install --save ng-pick-datetime
, This provide many features to play with date.
If you want to use date picker with ng2-smart-table
, you can do by it's property named 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'
Hear you have to manage by another component. And you have to render that component into ng2-smart-table
.
For more information please check this link.
add a comment |
up vote
0
down vote
up vote
0
down vote
For data you can use npm install --save ng-pick-datetime
, This provide many features to play with date.
If you want to use date picker with ng2-smart-table
, you can do by it's property named 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'
Hear you have to manage by another component. And you have to render that component into ng2-smart-table
.
For more information please check this link.
For data you can use npm install --save ng-pick-datetime
, This provide many features to play with date.
If you want to use date picker with ng2-smart-table
, you can do by it's property named 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'
Hear you have to manage by another component. And you have to render that component into ng2-smart-table
.
For more information please check this link.
answered yesterday
Sachin Shah
649214
649214
add a comment |
add a comment |
goudham is a new contributor. Be nice, and check out our Code of Conduct.
goudham is a new contributor. Be nice, and check out our Code of Conduct.
goudham is a new contributor. Be nice, and check out our Code of Conduct.
goudham is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53205217%2fng2-smart-table-use-datepicker-format-in-the-field%23new-answer', 'question_page');
);
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password