wex5的日期选择框可不可以去掉月份和日这两列？只要年份。

wex5666

wex5的日期选择框可不可以去掉月份和日这两列？只要年份。

liangyongfei

参考：http://doc.wex5.com/wex5-ui-question-list-2001/
隐藏月 日 年显示100% 就可以了！

1. .x-popPicker[type=date] .x-popPicker-content .x-day,
   
2. .x-popPicker[type=date] .x-popPicker-content .x-month{
   
3. display: none;
   
4. }
   
5. 
   
6. .x-popPicker[type=date] .x-popPicker-content .x-year{
   
7.     width: 100%;
   
8. }

复制代码

wex5666

多谢！

yygy

请问如果有两个日期选择框，一个正常选择年月日，一个只选择年，怎样设置？

liangyongfei

yygy 发表于 2017-10-18 21:35
请问如果有两个日期选择框，一个正常选择年月日，一个只选择年，怎样设置？ ...

可以试试在ｉｎｐｕｔ外层再定义一个ｃｌａｓｓ样式
ｃｓｓ中写ｃｌａｓｓ的时候，指定是某个ｃｌａｓｓ样式下的子元素生效

ｃｓｓ写两种样式，通过限制范围，在不同的ｉｎｐｕｔ，有不同的样式生效

yygy

能否写个例子？

yygy

<p xid="p1"><input component="$UI/system/components/justep/input/input" class="form-control" xid="input2" dataType="Date"></input></p>

p .x-popPicker[type=date] .x-popPicker-content .x-day{
display: none;
}
p .x-popPicker[type=date] .x-popPicker-content .x-year,
p .x-popPicker[type=date] .x-popPicker-content .x-month{
    width: 50%;
}


这样还是不行

yygy

一个笨方法：
.x-popPicker[type=date] .x-popPicker-content .x-day{
display: none;
}
.x-popPicker[type=date] .x-popPicker-content .x-year,
.x-popPicker[type=date] .x-popPicker-content .x-month{
    width: 50%;
}
.x-popPicker[type=datetime] .x-popPicker-content .x-hour{
display: none;
}
.x-popPicker[type=datetime] .x-popPicker-content .x-minute{
display: none;
}
.x-popPicker[type=datetime] .x-popPicker-content .x-second{
display: none;
}
.x-popPicker[type=datetime] .x-popPicker-content .x-year,
.x-popPicker[type=datetime] .x-popPicker-content .x-month{
    width: 33.33%;
}
.x-popPicker[type=datetime] .x-popPicker-content .x-day{
    width: 33.33%;
}
一个日期类型为date 一个日期类型为datetime,这样就可以。但如果3个日期类型就不知怎样做？？？