具有更好键入功能的JavaFX DatePicker

时间:2014-12-18 12:42:45

标签: java javafx

假设我们有一个没有设置日期的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实例作为参数传递

1 个答案:

答案 0 :(得分:3)

实际上,您可以同时执行这两项请求。

第一部分很简单,因为您可以使用多个日期转换器。我们假设你有一个默认格式&#34; dd / MM / uuuu&#34;和快速格式&#34; ddMMuuuu&#34;:

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前导数字。