Чтобы заморозить прошедшую дату с текущей, используя vaadin-date-picker

Question

Мы используем vaadin-date-picker в полимере 3.x. Мне нужно отключить прошедшую дату и сделать возможным запуск только с текущих или будущих дат, и после выбора любой даты текущая дата не должна быть отключена.

Answer 1

На странице HTML API имеется полный обзор доступных свойств. На основании вашего описания вам потребуется min:

Самая ранняя дата, которую можно выбрать. Все более ранние даты будут отключены. Поддерживаемые форматы даты:

• ISO 8601 "ГГГГ-ММ-ДД" (по умолчанию)
• 6-ди git расширенный ISO 8601 "+ ГГГГГГ-ММ-ДД", " -YYYYYY-MM-DD "

Были ли у вас какие-либо проблемы с ним?

---

Это работает для меня:

import {PolymerElement,html} from '@polymer/polymer/polymer-element.js';
import '@vaadin/vaadin-date-picker/vaadin-date-picker.js';

class HelloWorld extends PolymerElement {

    static get template() {
        return html`
              <vaadin-date-picker show-week-numbers label="Date" min="{{giveDate()}}">
              </vaadin-date-picker>
`;
    }
    giveDate(){
        var d = new Date();
        var n = d.toISOString().slice(0,10);
        return n;
    }

    ready(){
        super.ready();
    }

    static get is() {
        return 'hello-world';
    }
}

customElements.define(HelloWorld.is, HelloWorld);