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选择器