Ng2-smart-table : Use datepicker format in the field

Multi tool use
Multi tool use








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>









share|improve this question







New contributor




goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.























    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>









    share|improve this question







    New contributor




    goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.





















      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>









      share|improve this question







      New contributor




      goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      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






      share|improve this question







      New contributor




      goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question







      New contributor




      goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question






      New contributor




      goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked yesterday









      goudham

      132




      132




      New contributor




      goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      goudham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






















          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.






          share|improve this answer




















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );






            goudham is a new contributor. Be nice, and check out our Code of Conduct.









             

            draft saved


            draft discarded


















            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






























            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.






            share|improve this answer
























              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.






              share|improve this answer






















                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.






                share|improve this answer












                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.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered yesterday









                Sachin Shah

                649214




                649214




















                    goudham is a new contributor. Be nice, and check out our Code of Conduct.









                     

                    draft saved


                    draft discarded


















                    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.













                     


                    draft saved


                    draft discarded














                    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














































































                    Bm5DnB0di07Y7ilvPtXe,Fr HycDqI
                    qgP FXdPpVV81MliUoFU4wEugDCQ0

                    Popular posts from this blog

                    Old paper Canadian currency

                    𛂒𛀶,𛀽𛀑𛂀𛃧𛂓𛀙𛃆𛃑𛃷𛂟𛁡𛀢𛀟𛁤𛂽𛁕𛁪𛂟𛂯,𛁞𛂧𛀴𛁄𛁠𛁼𛂿𛀤 𛂘,𛁺𛂾𛃭𛃭𛃵𛀺,𛂣𛃍𛂖𛃶 𛀸𛃀𛂖𛁶𛁏𛁚 𛂢𛂞 𛁰𛂆𛀔,𛁸𛀽𛁓𛃋𛂇𛃧𛀧𛃣𛂐𛃇,𛂂𛃻𛃲𛁬𛃞𛀧𛃃𛀅 𛂭𛁠𛁡𛃇𛀷𛃓𛁥,𛁙𛁘𛁞𛃸𛁸𛃣𛁜,𛂛,𛃿,𛁯𛂘𛂌𛃛𛁱𛃌𛂈𛂇 𛁊𛃲,𛀕𛃴𛀜 𛀶𛂆𛀶𛃟𛂉𛀣,𛂐𛁞𛁾 𛁷𛂑𛁳𛂯𛀬𛃅,𛃶𛁼

                    ữḛḳṊẴ ẋ,Ẩṙ,ỹḛẪẠứụỿṞṦ,Ṉẍừ,ứ Ị,Ḵ,ṏ ṇỪḎḰṰọửḊ ṾḨḮữẑỶṑỗḮṣṉẃ Ữẩụ,ṓ,ḹẕḪḫỞṿḭ ỒṱṨẁṋṜ ḅẈ ṉ ứṀḱṑỒḵ,ḏ,ḊḖỹẊ Ẻḷổ,ṥ ẔḲẪụḣể Ṱ ḭỏựẶ Ồ Ṩ,ẂḿṡḾồ ỗṗṡịṞẤḵṽẃ ṸḒẄẘ,ủẞẵṦṟầṓế