javascript - jquery datepicker 显示与值不同的文本

标签 javascript jquery jquery-ui jquery-ui-datepicker

我目前正在使用日期选择器。由于有时我想显示一些文本而不是我从日期选择器中选择的日期,有人知道是否有办法做到这一点?非常感谢!

例如: 如果 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/

相关文章:

javascript - JQuery 日期选择器功能不起作用

javascript - jQueryeach();生成 html 元素仅返回最后一个值

jquery - Rails 新操作在 AJAX GET 上不返回 HTML

javascript - Phantom JS 同步 AJAX 请求 : NETWORK_ERR: XMLHttpRequest Exception 101

javascript - 日期时间选择器的图标未显示

jquery - 使用 jquery ui 对话框确认表单提交操作

jquery - 在页面模板中使用自定义 jquery

javascript - 一个 div 通过快速点击在屏幕外动画

javascript - 在 JavaScript 中模拟 SQL LIKE

javascript - 注册可从 AngularJS 中的 VIews 访问的全局变量