angular结合 ionic 写的小时间组件
1、安装nodejs
2、通过命令进入指定盘下路径输入以下命令:npm install -g bower
3、运行bower install 安装对应的依赖JS库
4、通过命令进入指定盘下路径输入以下命令:npm run install-g(如果已经执行过该方法,直接跳过该步)
5、进入开发环境:
npm run serve-dev 开启开发环境服务
代码部分:
Css代码部分:
/***按钮禁用样式和启用的样式******/
.btnDisabled {
background-color: #C0C0C0;
}
.btnEnabled {
background-color: #0097FF;
}
/***搜索中的日期组件的样式*******/
.month_select select, .year_select select{
width: 40px;
direction: ltr;
margin: 0 auto;
}
.ionic_datepicker_popup .popup-buttons button,
.ionic_datepicker_popup .selected_date,
.ionic_datepicker_popup .popup-body .selected_date_full {
background-color: #C29A2A!important;
}
.ionic_datepicker_popup .popup-body .month_select,
.ionic_datepicker_popup .popup-body .year_select
{
border-bottom: 1px solid #C29A2A!important;
margin-bottom: 1px;
}
.ionic_datepicker_popup .today {
border: 1px solid #C29A2A!important;
}
.ionic_datepicker_popup .popup-body .button-clear ,
.ionic_datepicker_popup .popup-body .month_select:after