禁用输入字段，但图形仍可点击

我正在编写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好吧 –

禁用输入字段，但图形仍可点击

回答

相关问题