本篇文章主要介绍了vue与bootstrap实现时间选择器的示例代码,非常具有实用价值,需要的朋友可以参考下
一、下载bootstrap-datetimepicker时间选择器js,css文件。
1. github地址:bootstrap-datetimepicker
2. 官方网站地址:官网bootstrap-datetimepicker地址,有具体的例子与解释
二、在vue项目文件中引入
import './assets/css/bootstrap.min.css' import "./assets/css/bootstrap-datetimepicker.min.css" import './assets/js/bootstrap.min' import './assets/js/bootstrap-datetimepicker.min.js'
来源gaodaimacom搞#^代%!码网
三、具体代码如下:
<div class="container"> <fieldset> <legend>Test</legend><div class="form-group"> <label for="dtp_input1" class="col-md-2 control-label">DateTime Picking</label><div class="input-group date form_datetime col-md-5"> <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span><span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span></div><br /></div></fieldset></div>
以上就是vue与bootstrap实现时间选择器的示例代码的详细内容,更多请关注gaodaima搞代码网其它相关文章!