哈喽,亲爱的们,今天要给大家分享一个超级实用的小技巧,那就是如何在HTML中添加一款精美的小日历哦!学会这个技能,你的网页瞬间提升一个level,快来跟我一起学习吧!
我们需要创建一个HTML文件,在这个文件中,我们要先引入一个非常重要的库——Bootstrap,Bootstrap是一个非常流行的前端框架,它里面有很多精美的组件,其中就包括我们今天要用到的小日历。
在HTML文件的
标签中,添加以下代码来引入Bootstrap:<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
我们就可以在
标签中添加小日历了,这里要用到Bootstrap的一个组件——Datepicker,以下是具体代码:<div class="container">
<h2>小日历示例</h2>
<div class="input-group date" id="datepicker">
<input type="text" class="form-control">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</div>
</div>
</div>
我们需要在

