显示隐藏的输入

我使用jQuery的用户界面日期选择器为用户挑选的时间时，他们挑选我有一个隐藏字段这增加了在一个备用日期格式日期选取器的值的时间的值。显示隐藏的输入

什么，我需要做的是动态输出隐藏的输入值。

我都试过，但它似乎只如果日期用户类型手动工作，不使用日期选择器图像图标，并通过日历滚动。

$('#datepicker').keyup(function() { 
$('#date-output').text($(this).val()); 
});

任何帮助将不胜感激。

Jquery的日期选择器代码

//date pickers 
$(function() { 
    $("#datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     dateFormat:"dd/mm/yy", 
     minDate: +0, 
     altField: "#alternate", 
     altFormat: "D MM d", 
     onSelect: function(dateText, inst) { 
     var suffix = ""; 
     switch(inst.selectedDay) { 
      case '1': case '21': case '31': suffix = 'st'; break; 
      case '2': case '22': suffix = 'nd'; break; 
      case '3': case '23': suffix = 'rd'; break; 
      default: suffix = 'th'; 
     } 

    $("#alternate").val($("#alternate").val() + suffix); 
} 
     }); 
    });

HTML

<input name="datepicker" class="calendarInput" type="text" id="datepicker"> 
<input name="alternate" id="alternate" type="hidden" > 
<span id="date-output"></span>

来源

2012-10-19 user1602918

可以请你做的jsfiddle – rahul

在这里你去http://jsfiddle.net/UqJtG/ – user1602918

DEMO

onSelect: function(dateText, inst) { 
    var suffix = ""; 
    switch(inst.selectedDay) { 
     case '1': case '21': case '31': suffix = 'st'; break; 
     case '2': case '22': suffix = 'nd'; break; 
     case '3': case '23': suffix = 'rd'; break; 
     default: suffix = 'th'; 
    } 

    var val = $("#alternate").val() + suffix; 
    $("#alternate").val(val); 
    $('#date-output').text(val); 
}

来源

2012-10-19 13:06:39 mplungjan

谢谢你，我需要什么！ – user1602918

可以使用ONSELECT API方法

http://api.jqueryui.com/datepicker/#option-onSelect

来源

2012-10-19 12:58:11 sbr

他已经使用ONSELECT – mplungjan

可以使用onSelect事件

$(function() { 
    $("#datepicker").datepicker({ 
     dateFormat: "dd/mm/yy", 
     minDate: +0, 
     altField: "#alternate", 
     altFormat: "D MM d", 
     onSelect: function(dateText, inst) { 
      debugger 
      var suffix = ""; 
      switch (inst.selectedDay) { 
      case '1': 
      case '21': 
      case '31': 
       suffix = 'st'; 
       break; 
      case '2': 
      case '22': 
       suffix = 'nd'; 
       break; 
      case '3': 
      case '23': 
       suffix = 'rd'; 
       break; 
      default: 
       suffix = 'th'; 
      } 

      $("#alternate").val($("#alternate").val() + suffix); 
      $('#date-output').text($(this).val()); 
     } 
    }); 
});

Live Demo

来源

2012-10-19 13:11:51 rahul

显示隐藏的输入

回答

相关问题