顯示隱藏的輸入

我使用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

顯示隱藏的輸入

回答

相關問題