JavaFX DatePicker 具有更好的打字功能

Question

假设我们有一个没有设置日期的 DatePicker。 因此，如果用户想要输入日期，他需要输入整个日期，包括斜线： 2014 年 10 月 11 日

如果用户在输入数字时可以自动包含斜线（输入 10112014 会正确设置日期），那就太好了。

另一件事是，如果日期选择器上已经设置了一个日期（10/11/2014），并且用户想要输入另一个日期（01/11/2014），那么他将光标放在开头文本并键入日期。结果将类似于 01/11/201410/11/2014。如果在日期选择器的字段上输入时，它会自动进入插入模式，这样用户输入的日期会覆盖原始日期。

有没有办法做这些事情？

--- 更新---

感谢 José Pereda，我找到了解决方案。我得到了他的代码并做了一些改动：

public static void enhanceDatePickers(DatePicker... datePickers) {
for (DatePicker datePicker : datePickers) {
    datePicker.setConverter(new StringConverter<LocalDate>() {

        private final DateTimeFormatter fastFormatter1 = DateTimeFormatter.ofPattern("ddMMuuuu");
        private final DateTimeFormatter fastFormatter2 = DateTimeFormatter.ofPattern("d/M/u");
        private final DateTimeFormatter defaultFormatter = DateTimeFormatter.ofPattern("dd/MM/uuuu");

        @Override
        public String toString(LocalDate object) {
            return object.format(defaultFormatter);
        }

        @Override
        public LocalDate fromString(String string) {
            try{ return LocalDate.parse(string, fastFormatter1); } catch(DateTimeParseException ignored){}
            try{ return LocalDate.parse(string, fastFormatter2); } catch(DateTimeParseException ignored){}
            return LocalDate.parse(string, defaultFormatter);
        }
    });

    TextField textField = datePicker.getEditor();
    textField.addEventHandler(KeyEvent.KEY_TYPED, event -> {
        if (!"0123456789/".contains(event.getCharacter())) {
            return;
        }
        if ("/".equals(event.getCharacter()) && (textField.getText().isEmpty() || textField.getText().charAt(textField.getCaretPosition()-1)=='/')) {
            //If the users types slash again after it has been added, cancels it.
            System.out.println("Cancelando o bagulho!");
            event.consume();
        }
        textField.selectForward();
        if (!event.getCharacter().equals("/") && textField.getSelectedText().equals("/")) {
            textField.cut();
            textField.selectForward();
        }
        textField.cut();

        Platform.runLater(() -> {
            String textUntilHere = textField.getText(0, textField.getCaretPosition());
            if (textUntilHere.matches("\\d\\d") || textUntilHere.matches("\\d\\d/\\d\\d")) {
                String textAfterHere = "";
                try { textAfterHere = textField.getText(textField.getCaretPosition()+1, textField.getText().length()); } catch (Exception ignored) {}
                int caretPosition = textField.getCaretPosition();
                textField.setText(textUntilHere + "/" + textAfterHere);
                textField.positionCaret(caretPosition+1);
            }
        });
    });
}

} 然后，为了“增强” DatePicker，我只需调用此方法，将所有我想要的 datePicker 实例作为参数传递

Answer 1

实际上，你可以同时做这两个请求。

第一部分很简单，因为您可以使用多个日期转换器。假设你有一个默认格式“dd/MM/uuuu”和一个快速格式“ddMMuuuu”：

private final DateTimeFormatter fastFormatter = DateTimeFormatter.ofPattern("ddMMuuuu");
private final DateTimeFormatter defaultFormatter = DateTimeFormatter.ofPattern("dd/MM/uuuu");

然后您必须提供您的自定义转换器，保持toString() 方法的默认格式并修改fromString()，以便您可以使用任何格式器输入：

DatePicker datePicker=new DatePicker();
datePicker.setValue(LocalDate.now());
datePicker.setConverter(new StringConverter<LocalDate>() {

    @Override
    public String toString(LocalDate object) {
        return object.format(defaultFormatter);
    }

    @Override
    public LocalDate fromString(String string) {
        try{
            return LocalDate.parse(string, fastFormatter);
        } catch(DateTimeParseException dtp){}

        return LocalDate.parse(string, defaultFormatter);
    }
});

对于第二个请求（请记住，您可以键入带或不带斜杠），您可以通过在键入一个有效字符后删除编辑器上的下一个字符来模拟插入模式。

假设您总是输入斜杠，这样可以：

datePicker.getEditor().setOnKeyTyped(event -> {
    if (!"0123456789/".contains(event.getCharacter())) {
        return;
    }
    datePicker.getEditor().selectForward();
    datePicker.getEditor().cut();
});

但如果你不输入它们，你不仅需要删除下一个数字，还要删除编辑器上的下一个斜线：

datePicker.getEditor().setOnKeyTyped(event -> {
    if (!"0123456789/".contains(event.getCharacter())) {
        return;
    }
    datePicker.getEditor().selectForward();
    if(!event.getCharacter().equals("/") && 
       datePicker.getEditor().getSelectedText().equals("/")){
        datePicker.getEditor().cut();
        datePicker.getEditor().selectForward();
    }
    datePicker.getEditor().cut();
});

请注意，无论您是否使用斜线，这都是有效的。另请注意，您必须在必要时键入前导数字 0。