{"id":128,"date":"2019-10-09T06:03:46","date_gmt":"2019-10-09T06:03:46","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/chankya\/?page_id=128"},"modified":"2019-10-10T06:49:10","modified_gmt":"2019-10-10T06:49:10","slug":"date-picker","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/chankya\/date-picker\/","title":{"rendered":"Date picker"},"content":{"rendered":"\n

We can provide date picker with lots of feature you can add date picker easily on input elements.<\/p>\n\n\n\n

<div class=\"form-group\">
    <div class=\"input-group\">
        <input class=\"form-control\" placeholder=\"Select a date\" ngx-mydatepicker name=\"datepicker\"
        [(ngModel)]=\"model\" [options]=\"dateOptions\" #dp=\"ngx-mydatepicker\" (dateChanged)=\"onDateChanged($event)\"\/>
        <span class=\"input-group-btn\">
            <button type=\"button\" class=\"btn btn-primary\" (click)=\"dp.clearDate()\">
                <i class=\"glyphicon glyphicon-remove\"><\/i>
            <\/button>
            <button type=\"button\" class=\"btn btn-primary\" (click)=\"dp.toggleCalendar()\">
                <i class=\"glyphicon glyphicon-calendar\"><\/i>
            <\/button>
        <\/span>
    <\/div>
<\/div><\/pre>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n        <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
We can provide date picker with lots of feature you can add date picker easily on input elements. <div class=”form-group”> <div class=”input-group”> <input class=”form-control” placeholder=”Select a date” ngx-mydatepicker name=”datepicker” [(ngModel)]=”model” [options]=”dateOptions” #dp=”ngx-mydatepicker” (dateChanged)=”onDateChanged($event)”\/> <span class=”input-group-btn”> <button type=”button” class=”btn btn-primary” (click)=”dp.clearDate()”> <i class=”glyphicon glyphicon-remove”><\/i> <\/button> <button type=”button” class=”btn btn-primary” (click)=”dp.toggleCalendar()”> <i class=”glyphicon glyphicon-calendar”><\/i> <\/button> <\/span> <\/div><\/div><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/128"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":1,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/pages\/128\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/chankya\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}