Sencha触摸三星galaxy s8 plus中的2.4.1 datepicker问题

时间:2018-02-21 11:07:26

标签: javascript html cordova extjs senchatouch-2.4

我们正面临一个与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;
}

0 个答案:

没有答案