datepicker在日期字段中写出不同的东西

Question

我想使用Zebra datapicker ...但是如果我将它附加到输入，我就不能写出与日历中选择的数据不同的东西...所以我如何选择我可以写入文本框的内容。 ..

P.S我在页面中只使用了一个文本框

Answer 1

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

这是我编写的一小段代码，它就是这样做的： https://github.com/cassilup/jquery.keyup.validator

不幸的是，它没有日期代码，但您可以自由调整它以满足您的需求。

---

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

Answer 2

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

几年前

I wrote a date picker执行此操作 - 请参阅callback_func param。

如果没有回调，它会将所选日期插入到字段中。通过回调，它将所选日期传递给回调，并使用函数的返回值来确定字段的新值。

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