2010-04-09 22 views
12

我一直在尋找一種方式來做到這一點,但無法找到任何觸發jQueryUI的日期選擇器按鈕點擊,發送結果禁用輸入字段

我想有一個:

  • 禁用的輸入文本字段,名爲#XX。此輸入將存儲從datepicker選擇的值(因爲此輸入被禁用,我將無法使用它來觸發datePicker)

  • Button,除了#XX。當用戶點擊這個按鈕時,會顯示datePicker。用戶將選擇日期,並將此日期分配給禁用的輸入#XX。

我想這使用戶無法手動更改-by打字crap-選定的日期

另外,我要驗證是否使用#XX.val()中輸入的日期?或者,還有更好的方法?

回答

9
<script type="text/javascript"> 
    $(function() { 
     $("#datepicker").datepicker({ 
      constrainInput: true, 
      showOn: 'button', 
      buttonText: 'Select...' 
     }); 
    }); 
</script> 
<input id="datepicker" disabled="disabled" /> 

這將添加一個按鈕旁邊的輸入字段,並進入文本字段禁用用戶...

49

您可以使用「show」方法顯示先前已附加到輸入元素的日期選擇器。

$('#myButton').click(function() { 
    $('#myField').datepicker("show"); 
}); 
+0

謝謝,非常有幫助! – Enrique 2010-04-12 18:47:40

+0

謝謝,這幫助了我。 – 2010-07-22 12:41:41

+0

謝謝..這是我正在尋找的答案.. – 2017-03-15 05:57:19

1

可能是晚了,但我只是做這個

$("#firstDate").datepicker({ 
    onSelect: function() { 
     myfunc(); 
    } 
}); 

$("#secondDate").datepicker({ 
    showOn: '' 
}); 

function myfunc(){ 
    var fDate = $('#firstDate'); 
    var sDate = $('#secondDate'); 
    sDate.val(fDate.val()); 
} 

它不顯示日期選擇器單擊輸入並且不顯示按鈕來顯示日期選擇器。 已禁用在我的情況下不起作用,因爲我需要從該輸入字段提取值。

相關問題