例:
<el-date-picker v-model="timeScope" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :editable="false" @change=""></el-date-picker>
:editable="false" は、モバイル側でのキーボードのポップアップを無効にします。
css:
@media (max-width: 768px) {
.el-date-range-picker .el-picker-panel__body {
min-width: 100%;
}
.el-date-range-picker__content{
width: 100% !important;
}
.el-date-range-picker{
width: 80% !important;
}
.el-date-range-picker__content{
margin: 0px;
padding: 5px;
}
.el-date-range-picker__content.is-left{
padding-bottom: 0px;
}
.el-date-range-picker__content.is-right {
padding-top: 0px;
}
.el-date-table th{
padding: 0px;
}
.el-date-table td{
padding: 0px;
}
}