MUI时间控件样式错乱是什么原因

Question

<link href="../css/mui.min.css" rel="stylesheet" />
    <script src="../js/mui.min.js"></script>

    <script src="../js/mui.picker.min.js"></script>
    <link href="../css/mui.picker.min.css" >/>


<div class="mui-content">
<ul class="mui-table-view">
    <li class="mui-table-view-cell"> 
        <a class="mui-navigate-right"> 会议时间 <span id='stardate' data-options='{"type":"datetime"}' class="mui-pull-right" style="margin-right: 20px;min-width:160px;text-align: right;">请选择（必填）</span> </a> 
        <input type="hidden" name="rideStartTime" id='rideStartTime'/> </li> 
          <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 至 <span id='enddate' data-options='{"type":"datetime"}' class="mui-pull-right" style="margin-right: 20px;min-width:160px;text-align: right;">请选择（必填）</span> </a> 
            <input type="hidden" name="rideEndTime" id='rideEndTime'/> </li>
</ul> 



<script>

document.getElementById("stardate").addEventListener('tap', function ()
{ var dDate = new Date();
var optionsJson = this.getAttribute('data-options') || '{}'; var options = JSON.parse(optionsJson);
var picker = new mui.DtPicker(options);
picker.show(function (rs){
console.log(rs) ;
var timestr = rs.text;
$('#stardate').html(timestr);
picker.dispose(); }); })
document.getElementById("enddate").addEventListener('tap', function ()
{
var dDate = new Date();
var optionsJson = this.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var picker = new mui.DtPicker(options);
picker.show(function (rs)
{ console.log(rs);
var timestr = rs.text;
$('#enddate').html(timestr);
picker.dispose(); }); })

</script>

不知道是哪里的问题。样式成这样了

Answer 1

问题已解决//原来是我引用文件多打了一个<