html - datapicker 在日期字段中写一些不同的东西

Question

我想使用 Zebra 数据选择器...但是如果我将它附加到输入中，我无法编写与日历中选择的数据不同的内容...所以我如何选择可以写入文本框的内容...

PS 我在我的页面中只使用一个文本框

Answer 1

您需要使用一个插件来验证您在文本字段上的 keyup 事件。

这是我写的一小段代码： https ://github.com/cassilup/jquery.keyup.validator

不幸的是，它没有日期代码，但您可以根据自己的需要自由调整它。

---

或者，您可以将文本字段分配为readonly并让日期选择器进行日期输入。

Answer 2

虽然我不熟悉您提到的日期选择器，但它应该有一些方法来指定一个回调函数，该函数充当所选值与最终放入文本字​​段的内容之间的中介。

几年前我写了一个日期选择器callback_func来执行此操作 - 请参阅参数。

在没有回调的情况下，它将选定的日期插入到字段中。通过回调，它将选定的日期传递给回调并使用函数的返回值来决定该字段的新值。

var cal = new Calendar({
    callback_field: '#myField', 
    focusElements: '#myField',
    callback_func: function(d, m, y, date) { return 'hijack!'; }
});