mui日期选择器html,Mui picker（选择器）日期、地址组件的使用

先看效果图

Paste_Image.png

NOO1I2_}_7(94065DBORY7B.png

引入css

自定义组件样式，可根据自己需要自行改变

p {

color: #333;

margin-bottom: 5px;

}

.time, .place {

display: -webkit-box;

display: -webkit-flex;

display: flex;

margin-bottom: 10px;

}

.time .mui-btn-block, .place .mui-btn-block {

padding: 8px 10px;

margin-bottom: 0;

font-size: 12px;

border: none;

border-radius: 5px;

color: #272727;

}

日期

请选择日期...

地址

请选择地址

引入js

接下来实例化组件

(function($, doc) {