polymer - 如何在 vaadin-date-picker 中添加 /

Question

我正在使用带有聚合物的 vaadin-date-picker。当用户输入美国格式的日期时，我想默认放置正确的斜杠。因此，如果用户键入 01152019，它应该自动将日期格式化为 01/15/2019。现在，如果我输入没有 / 的日期，它将无法识别该值。

Answer 1

您应该设置日期选择器的属性parseDate方法，以便它执行您想要的操作，例如，如果您只想接受美国格式但没有斜杠或连字符的日期字符串，您可以执行以下操作：i18n

const datePicker = something; // you probably did something like this.querySelector() to get it
datePicker.i18n = {
  // you can also set methods to format the date or the title and a few other things
  parseDate: dateString => {
    let month = parseInt(dateString.subString(0,2));
    let day = parseInt(dateString.subString(2,4));
    let year = parseInt(dateString.subString(4,8));
    return {day, month, year};
  }
};