当前位置: 首页 > 工具软件 > Mobiscroll > 使用案例 >

mobiscroll 样式修改

蔚和风
2023-12-01

<script type="text/javascript">
        $(function () {
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};
//opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //皮肤样式
       display: 'modal', //显示方式 
       mode: 'scroller', //日期选择模式
lang:'zh',
height: 15,//这里设高,原来的太高了
rows: 1,//这里改成1行,原来的是3行,苹果手机看不到确认按扭
       startYear:currYear - 10, //开始年份
       endYear:currYear + 10 //结束年份

};


$("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
  var optDateTime = $.extend(opt['datetime'], opt['default']);
  var optTime = $.extend(opt['time'], opt['default']);
   $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
   $("#appTime").mobiscroll(optTime).time(optTime);

$("#appDate2").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
  var optDateTime2 = $.extend(opt['datetime'], opt['default']);
  var optTime2 = $.extend(opt['time'], opt['default']);
   $("#appDateTime2").mobiscroll(optDateTime2).datetime(optDateTime2);
   $("#appTime2").mobiscroll(optTime2).time(optTime2);


        });
    </script>



.android-ics .dw .dwwol {

    width: 60%;
    left: 20%;
    height: 25px;
    border-top: 1px solid #31b6e7;
    border-bottom: 1px solid #31b6e7;
    margin-top: -15px;
    display: block;
}
 类似资料: