在SvelteKit中使用svelty-picker无法键盘输入时间求助

针对你遇到的svelty-picker无法通过键盘输入时间的问题，可以从以下几个方面排查修复：

1. 修正minuteIncrement属性 #

你的代码中minuteIncrement="0.1"存在两个问题：

• 该属性接受整数类型的分钟增量值，字符串类型会导致组件解析异常
• 0.1分钟增量不符合实际使用场景（对应6秒），组件逻辑可能因此出现冲突

将其改为整数有效值，比如设置为1（每分钟递增）：

minuteIncrement={1}

2. 显式开启键盘输入权限 #

部分日期选择器组件默认关闭直接键盘输入，需要显式添加allowInput属性开启：

allowInput={true}

3. 确保绑定值格式正确 #

检查internalDate的初始值是否严格符合yyyy-mm-dd hh:ii格式，比如初始化为：

let internalDate = "2024-05-20 14:30";

修改后的完整代码 #

<SveltyPicker
    inputClasses="form-control"
    format="yyyy-mm-dd hh:ii"
    bind:value={internalDate}
    i18n={de}
    autoclose
    disabled={abfahrttDisable}
    minuteIncrement={1}
    allowInput={true}
/>

额外排查点 #

如果以上修改后仍无法输入，检查：

• 输入框是否被CSS设置为readonly或pointer-events: none
• 页面中是否有其他脚本干扰输入框的焦点事件

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