Добавить опции СЕГОДНЯ и ЗАВТРА в DatePicker - PullRequest
0 голосов
/ 23 мая 2018

Мне нужно добавить опции СЕГОДНЯ и ЗАВТРА в указатель даты ngx-bootstrap.Для этого я изменил приведенный ниже код в bs-current-date-view.component.js, представленном в node_modules/ngx-bootstrap/datepicker/themes/bs/bs-current-date-view.component.js

 BsCurrentDateViewComponent.decorators = [
    { type: Component, args: [{
        selector: 'bs-current-date',
        template: "<div class=\"current-timedate\"><button (click)=\"currentDate()\" class=\"active\">TODAY</button><button class=\"tomorrow\">TOMORROW</button></div>"
    },] },
];

Но я не могу добавить к этому функциональность, чтобы получать значения из кнопок «сегодня-завтра».

Ниже приведен код, который я пробовал до сих пор

BsCurrentDateViewComponent.prototype.currentDate = function (en) {
    let today = new Date();
    let dateObj = {};
    dateObj.date = today;
    dateObj.isOtherMonth = false;
    dateObj.isDisabled = false;
    BsDatepickerContainerComponent.prototype.daySelectHandler(dateObj);
    alert();
};

BsDatepickerContainerComponent.prototype.daySelectHandler = function (day) 
{
    console.log(day);
    console.log(this._actions.select(day.date));
    this._store.dispatch(day);
};

DatePicker

1 Ответ

0 голосов
/ 08 июня 2018

Я делаю это таким образом

const day:{date:Date, label:number, monthIndex:number, weekIndex:number , dayIndex:number} = {date:new Date(), label:label,monthIndex:0, weekIndex:indexes.weekIndex, dayIndex:indexes.dayIndex}

this.datepicker.daySelectHandler(day);

ОБНОВЛЕНИЕ в вашем HTML вы должны реализовать DatePicker таким образом

<bs-datepicker-container #datepicker></bs-datepicker-container>

и в вашем классе TSу вас должен быть доступ к нему

@ViewChild('datepicker') public datepicker:any;
...