当然可以实现你的需求！下面给你两种实用的方案，分别对应你提出的两个问题：

1. 完全移除文本框 #

最稳妥的方式是通过CSS隐藏DatePicker内置的文本框组件，这种方法不依赖控件内部私有结构，兼容性更好。

你可以给目标DatePicker添加自定义样式类，再在CSS中针对性隐藏文本框：

Java代码部分 #

// 假设你的DatePicker实例名为datePicker
datePicker.getStyleClass().add("only-button-date-picker");

CSS样式部分 #

.only-button-date-picker .text-field {
    /* 隐藏文本框但保留原有布局空间，避免按钮位置偏移 */
    visibility: hidden;
    /* 如果需要彻底移除文本框占用的空间，可替换为 display: none; 但可能需额外调整按钮位置 */
}

/* 同步调整按钮样式，让视觉效果更协调 */
.only-button-date-picker .arrow-button {
    min-width: 36px; /* 根据UI需求设置按钮最小宽度 */
    -fx-background-radius: 4px; /* 保持按钮圆角与DatePicker整体一致 */
}

2. 加宽按钮覆盖文本框 #

如果觉得隐藏文本框的方式不够直观，也可以通过CSS把按钮宽度设为DatePicker的整体宽度，直接覆盖文本框区域：

CSS样式代码 #

.full-width-button-date-picker .arrow-button {
    width: 100%; /* 按钮占满整个DatePicker宽度 */
    -fx-background-radius: 4px; /* 保持圆角风格统一 */
}

/* 可选：隐藏文本框边框，避免露出缝隙 */
.full-width-button-date-picker .text-field {
    -fx-border-width: 0;
}

同样在Java代码中给DatePicker添加对应样式类：

datePicker.getStyleClass().add("full-width-button-date-picker");

注意事项 #

• 尽量避免用lookup()方法直接获取内部TextField节点来隐藏，JavaFX控件内部结构可能随版本变化，这种方式兼容性较差。
• 调整按钮宽度时，可根据UI设计需求修改min-width或设置固定宽度，确保按钮尺寸符合预期。

内容的提问来源于stack exchange，提问作者amydowse