我们正面临一个与sencha触摸日期选择器的问题。我们的应用程序是在Sencha touch 2.4.1中开发的,并且在所有设备中都能正常工作,除了三星s8 plus ,如果我们尝试选择12月,它就不会被选中。
如果有人遇到类似问题并且能够解决问题。请帮忙。
日期选择器代码:
{
xtype: 'datepickerfield',
placeHolder: 'Date Of Birth',
cls: [
'myCustomField',
'customDateField'
],
dateFormat: 'd/m/Y',
labelCls: 'dobLabel',
itemId: 'DOB',
value: {
year: 1995,
day: 1,
month: 1
},
name: 'birthday',
label: ' ',
labelWidth: '15%',
picker: {
yearFrom: 1900,
yearTo: 2020,
slotOrder: ['day', 'month', 'year']
}
}
CSS
.myCustomField{
font-family: KfontSemi1;
font-size: 20px !important;
border-bottom: 1px solid #cbcbcb;
/*margin: 0px 6px 0px 7px !important;
/* it was commented previously, uncommented for text field in Vm write comments*/
font-family: 'KfontSemi1', arial, san-serif !important;
}
.myCustomField input::-webkit-input-placeholder {
color: #cbcbcb !important;
-webkit-text-fill-color: initial;
font-size: 16px !important;
font-family: KfontSemi1;
}
.myCustomField .x-input-text::-webkit-input-placeholder {
color: #cbcbcb !important;
-webkit-text-fill-color: initial;
font-size: 16px !important;
font-family: KfontSemi1;
}
.customDateField .x-component-outer::after {
-webkit-mask-image: none !important;
background-repeat: no-repeat;
background-image: url('../../resources/images/calender_icon.png') !important;
height: 22px !important;
width: 22px !important;
background-size: 22px !important;
background-color: #FFFFFF !important;
}
.customDateField .x-field-select .x-component-outer::after {
background: none;
}
.dobLabel {
background-image: url('../../resources/images/cake-icon.png');
background-repeat: no-repeat;
background-position: center;
background-size: 30px !important;
background-color: #ffffff !important;
}