禁用輸入字段，但圖形仍可點擊

我正在編寫ReactJS應用程序，並且要禁用日期/時間字段上的輸入，其中包括react-bootstrap-datetimepicker。禁用輸入字段可以正常工作，但點擊時用於顯示日期選擇器的字形仍處於活動狀態，並且允許用戶選擇添加到輸入字段的日期。它似乎阻止打字。禁用輸入字段，但圖形仍可點擊

有沒有人知道解決這個問題的方法？

<DateTimeField 
    inputFormat='HH:mm' 
    data-hour-format="24" 
    mode='time' 
    name="formInputTime" 
    id={inputID} 
    defaultText={this._getICEField(i-1, "time")} 
    onChange={this._generateEventHandler(i-1, "time")} 
    inputProps={{disabled: readOnly}} 
/>

在該圖像的輸入字段被設置爲disabled，但日曆仍然出現，以及日期可設置爲：

這裏是jsfiddle一個例子。

來源

2015-10-27 chinds

換上的jsfiddle –

增加了的jsfiddle的問題 – chinds

好，控制現在不支持此作爲（也許它也不應該），所以你不應該運行

$element.datetimepicker()

這些輸入字段，它是禁用

。您可以programmticaly檢查禁用狀態是這樣的：

var $startDate = $('#startDate'); 
if (!$startDate.prop('disabled')) { 
    $startDate.datetimepicker() 
}

來源

2015-10-27 11:39:46 meskobalazs

試試這個，我剛剛更新您的代碼：JsFiddle。

相關代碼：

if($("input[name=startDate]").attr('disabled') != 'disabled') { 
    jQuery("#startDate").on("dp.change",function (e) { 
     jQuery('#endDate').data("DateTimePicker").setMinDate(e.date); 
    });  
    jQuery('#startDate').datetimepicker(); 
}

來源

2015-10-27 11:57:25

請始終提供*代碼本身*，A的jsfiddle是不夠的。 – meskobalazs

任何人都可以請更新我的代碼的正確鏈接 –

@meskobalazs好吧 –

禁用輸入字段，但圖形仍可點擊

回答

相關問題