JQuery UI日期选择器:在选择出发日期时自动弹出返回日期
JQuery UI Datepicker: auto-popup return date on selection of departure date
我有两个输入字段,用户可以在其中指定出发和返回日期。
我试图实现这样一种情况,即当用户选择出发日期时,日期选择器会自动弹出返回日期。
以下是我目前所拥有的,但不起作用。
HTML:
<input id="departure-date" type="text">
<input id="return-date" type="text">
(JQuery)Javascript:
$(function() {
$('#departure-date').datepicker({
numberOfMonths: 2,
showAnim: "fold",
showButtonPanel: true,
onSelect: (function(){
this.val(date.toLocaleDateString());
$('#return-date').focus();
})
});
$('#return-date').datepicker({
numberOfMonths: 2,
showAnim: "fold",
showButtonPanel: true,
onSelect: (function(){
this.val(date.toLocaleDateString());
})
});
});
任何关于我如何让它发挥作用的想法都将不胜感激。
您可以尝试类似的东西
$(function() {
$('#departure-date').datepicker({
numberOfMonths: 2,
showAnim: "fold",
showButtonPanel: true,
onSelect: (function(date) {
setTimeout(function() {
$('#return-date').datepicker('show');
}, 300)
$(this).val($(this).datepicker('getDate').toLocaleDateString());
})
});
$('#return-date').datepicker({
numberOfMonths: 2,
showAnim: "fold",
showButtonPanel: true,
onSelect: (function(date) {
$(this).val($(this).datepicker('getDate').toLocaleDateString());
})
});
});
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>
<input id="departure-date" type="text">
<input id="return-date" type="text">
演示:Fiddle
只要值发生变化,就不需要设置日期选择器的值。
$(function() {
$('#departure-date').datepicker({
numberOfMonths: 2,
showAnim: "fold",
showButtonPanel: true,
onSelect: (function(){
$('#return-date').focus();
})
});
$('#return-date').datepicker({
numberOfMonths: 2,
showAnim: "fold",
showButtonPanel: true,
onSelect: (function(){
})
});
});
相关文章:
- "日期“;AJAX请求返回的类型值未定义
- 将客户端特定的日期格式返回到服务器MVC4
- JQuery UI日期选择器:在选择出发日期时自动弹出返回日期
- 它将返回什么新日期(DateObject)
- 对象数组返回自最近日期以来的最高总体值
- 从Parse.com返回的格式化日期
- PHP strtotime()为JavaScript日期字符串返回false
- date对象未在javascript中返回正确的日期值
- 下周末'javascript中的s datetime返回无效日期
- 不同格式的相同日期返回不同的值
- 为什么 IE 和 FF 不会为输入类型日期返回正确的属性或类型
- 日期选取器必须在最后一个选定日期返回
- Moment js没有在一周中的正确日期返回
- 获取两个日期之间的日期返回指定日期范围之外的错误日期
- 从解析数据库获取日期返回未定义
- javascript How '关键词影响'日期'返回值
- 为什么在解析时stringfy 'd moment.js日期返回不同的值?
- Javascript Date()对于某些日期返回错误的工作日
- javascript日期返回未定义
- Javascript日期返回错误的值