时间戳

首页 > 解决方案 > Safari 中的 Bootstrap Datapicker 问题

jquery - Safari 中的 Bootstrap Datapicker 问题

问题描述

我有一个简单的引导 Datapicker 控件，它可以在 Chrome 和 Edge 浏览器中正常工作。但是当我在 Safari 中打开相同的代码时，它会显示两个日历控件。但是，如果我删除“type='date'”属性，它就可以正常工作。是否有任何选项可以使其与 Safari 中的 type="date" 属性一起使用？

这是代码： -

<meta name= "viewport" content= "width=device-width, initial-scale=1,  shrink-to-fit=no">
<link rel= "stylesheet" href= "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src= "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js">
</script>
<link rel= "stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-     datepicker/1.9.0/css/bootstrap-datepicker.min.css" />
<script src= "https://code.jquery.com/jquery-3.5.1.slim.min.js">
</script>
<script src= "https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js">
</script>
<script src= "https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" >
</script>
<script src= "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js" >
</script>
<title> bootstrap Datepicker tutorial l </title>
</head>
<body>
<h1 style= "margin-left:200px;"> Bootstrap Datepicker </h1>
<div class= "container">
<div class= "form">
    ss <input type='date' class="form-control" data-provide="datepicker" style='width: 300px;' id="example" >
</div>
</div>
<script type= "text/javascript">
$(document) .ready(function(){
$("#example") .datepicker();
});
</script>
</body>
</html>

标签： jquerycsstwitter-bootstrap

解决方案

推荐阅读