Javascript 引导日期时间选择器don'；无法使用只读或已禁用

我在引导

datetimepicker

方面有一个严重的问题，下面是：

日期时间选择器1

问题是，当我用手机打开我的网站时，当我聚焦输入字段时会触发手机键盘，所以我需要的是，只有

日期选择器

不带键盘显示。因此，我使用了

readonly

或

disabled

，但问题是当我使用其中一个时，引导

datetimepicker

不起作用。

---

如果您仍在寻找解决方案，请查看代码片段。这正是我在评论中所建议的，你只需要打电话给datetimepicker就可以了

ignoreReadonly: true

就这样

$（函数（）{
$（“#datetimepicker”）.datetimepicker({
ignoreReadonly:正确
});
});
.container{
边缘顶部：80px；
}

这对我很有用：

.bootstrap-datetimepicker-widget.dropdown-menu  {
    width: 100%;
    max-width: calc(100%) !important;
}

下列条款
是可行的,，
如果它不起作用，它只是意味着不包括所需的库，如下所示

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">  
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>  
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js">    
</script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">  
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>  
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js">    
</script>


put语句中的readonly=“yes”条款是可行的，
实际上不包括所需的库，如下所示

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">  
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>  
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js">    
</script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">  
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>  
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js">    
</script>


可能重复No，因为我需要一个适用于所有手机壳的解决方案。android和iphone或其他你所说的帖子可以通过输入readonly来解决。我的帖子是，这是一个只读的问题请看这个：你看了片段吗？如果用小提琴打开控制台，它会显示“ignoreReadonly不可识别！”。这是因为您使用的是不同版本的datetimepicker。只要使用我的代码片段中的依赖项，它就会很好地工作。我不能更改依赖项，因为我在这个插件中使用了一个主题。还有一种不改变依赖项的解决方案？你可能只需要改变datetimepicker，你试过了吗？您已经在使用datetimepicker的版本4，我的代码段中的内部版本是版本4.7.14。所以这不应该破坏你的主题。试试看，然后祈祷吧。无论您是否使用主题，如果您认为我的答案通常是问题的解决方案，您可能希望为其他可能遇到相同问题的人接受答案。您说服了我，并在我的代码中进行了测试，效果良好。我认为你的回答是对的。Tnx mani搜索了很多次，但当我看到这个答案时，我又回到了bootstrap datetimepicker docs，我太晚了，无法意识到：D。。upvote在input语句中使用readonly=“yes”可以使用以下库。您已经添加了两次相同的答案。你能把其中一个拿开吗？另外，你能解释为什么你的答案比公认的答案好吗？