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>









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














































































                    Popular posts from this blog

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

                    Edmonton

                    Crossroads (UK TV series)