jquery日期选择器显示与值不同的文本
jquery datepicker show text that is different from value
我当前正在使用日期选择器。由于有时我想显示一些文本,而不是我从日期选择器中选择的日期,有人知道是否有办法做到这一点吗?非常感谢!
例如:如果2015/01/01是一个假日,并且我选择了这个日期,我希望在输入元素上显示假日名称,而不是2015/01-01。当我提交时,值(2015/01/01)仍将传递到服务器中。
我在谷歌上搜索过,但还没有找到一个好的解决方案。
您可以将所选日期存储在另一个字段中,并使用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">
最干净的方法是完全实现自己的日期选择器。
接下来是破解日期选择器,例如
var that = this;
this.$input.datepicker({
onSelect: function () {
// get value, e.g. "2015-10-14"
// check if that date is mapped to any holiday
that.$input.val("St. Patrick Day 2015");
},
});
当你得到这个的时候$input.val()要使用它,必须手动将"2015年圣帕特里克节"翻译回"2015-10-14"。
有点丑陋vs建立自己的。
相关文章:
- jquery日期选择器显示与值不同的文本
- 用Javascript重新格式化复杂文本日期字符串的更好方法
- 如何使用Windows8JSON.parse将JSON文本反序列化为日期类型
- 更改html标记或其子标记(而不是其属性)文本中的日期格式
- 如何使文本、数字和日期html输入字段以一致的方式支持Ctrl+Z(撤消)
- 引导日期选取器不适用于文本框 asp.net
- 当用户在文本框中输入日期时,如何计算一年的持续时间
- jQuery 验证输入文本是否仅接受数字、单词或日期
- jQuery UI日期选择器只响应第一个文本框
- 将“日期”设置为Jquery UI日期选择器输入文本框
- 单击按钮可多次动态添加选择框、文本框和日期,并将这些值插入数据库
- 如何从html文本框中获取选定的日期是日期
- 如何使用javascript将验证日期设置为不小于文本框中的开始日期
- 文本框值在从 Jquery 日期选择器中选择日期后不会发布
- 允许日期选择器使用文本输入字段
- 将日期选择器动态添加到文本框中
- 使用javascript将日期格式设置为文本框
- 如何在 Javascript 中解析非英语文本日期
- 显示选择选项文本日期
- 将数字日期转换为文本日期的效率