具有更好输入功能的 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。