我目前正在使用日期选择器。由于有时我想显示一些文本而不是我从日期选择器中选择的日期,有人知道是否有办法做到这一点?非常感谢!
例如: 如果 2015/01/01 是假期并且我选择此日期,我想在输入元素上显示假期名称而不是 2015/01/01。当我提交时,值(2015/01/01)仍然会传递到服务器中。
我在google上搜索过,但还没有找到好的解决方案。
最佳答案
您可以将选定的日期存储在另一个字段中,并使用 onSelect
事件检查并覆盖选定的值。
$("#datepicker").datepicker({
altField: "#actualDate",
onSelect: function(dateText, inst) {
if (dateText.substring(0, 5) == "04/01") {
inst.input.val("april fools!");
}
}
});
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<input id="datepicker" type="text">
<br>
<input id="actualDate" type="text">
关于javascript - jquery datepicker 显示与值不同的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29525230/