具有更好打字功能的 JavaFX DatePicker

Question

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

如果在用户键入数字时可以自动包含斜杠（键入 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 前导数字。