Yii2.0中使用bootstrap日期和时间组件

1.前期准备

a:第一种方法，安装组件

Yii框架安装jquery-ui组件

Yii框架安装bootstrap-datetimepicker组件

b:第二种方法，可以引入以下几个文件

jquery-ui.min.css

datetimepicker.css

jquery-ui.min.js

bootstrap-datetimepicker.min.js

2.具体实现

a:日期时间

Html:

<span style="white-space:pre">	</span><input type='text' id='pickupTime'>

Jquery:

<span style="white-space:pre">	</span>$("#pickupTime").datetimepicker({
  <span style="white-space:pre">	</span>minView: "month",//设置只显示到月份
  <span style="white-space:pre">	</span>format : "yyyy-mm-dd",//日期格式
  <span style="white-space:pre">	</span>autoclose:true,//选中关闭
  <span style="white-space:pre">	</span>todayBtn: true//今日按钮
<span style="white-space:pre">	</span>});

其中pickupTime为元素的id选择器

b.日期

Html:

<span style="white-space:pre">	</span><input type='text' id='pickupTime'>

Jquery:

<span>	</span>$("#pickupTime").datepicker({
 <span style="white-space:pre">		</span>//具体配置请自行百度
<span>	</span>});

其中pickupTime为元素的id选择器