qq_34372764
2018-11-08 07:33 阅读 1.5k
已采纳

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

<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>

图片说明

图片说明
不知道是哪里的问题。样式成这样了

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

1条回答 默认 最新

  • 已采纳
    qq_34372764 这世上每一朵哀伤的云 2018-11-14 01:56

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

    点赞 评论 复制链接分享

相关推荐