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>

图片说明

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

0

1个回答

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
mui碰到的问题————日期控件
前端页面加载js,css文件 css:hd/page/mui/css/mui.picker.min.css" /> js:hd/page/mui/js/mui.picker.min.js">             (function($) {                 $.init();                 var result = $('#resul
mui dtpicker 日期控件 异常弹出 弹出两次
情况一 背景/需求: 做项目的时候,发现mui的时间控件picker会出现异常弹出。 在点击时间选择的div时,控件正常弹出,没有问题。有问题的是,点击其他输入框,在弹出软键盘的同时,时间控件也会随之出现(在软键盘下方,屏幕移下去时会发现) 这个情况存在于ios上,安卓机测试时暂时没有发现。 找了很久,提出此问题者寥寥。不过最后还是找到了一个类似的问答: 【报bug】picker选择器...
时间控件
最近做了一些前端的时间控件的应用,下边总结一下用的这些控件。 一 Bootstrap的datetimepicker 1.首先导入必须的css和js文件 &lt;link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"...
mui的时间控件 picker
html, body, .mui-content { height: 0px; margin: 0px; background-color: #efeff4; } h5.mui-content-padded { margin-left: 3px; margin-top: 20px !important; } h5.mui-content-padded:first-child
mui-dtpicker 日期控件在ios手机浏览器上字体显示有点糊、虚化。
在使用mui-dtpicker日历控件的过程中,IOS手机浏览器上显示的字体会比较糊。后来发现是设置了透视。CSS3属性:perspective。.mui-ios .mui-dtpicker-body { /* -webkit-perspective: 1200px; perspective: 1200px; */ /* CSS3的透视属性,ios除UC外浏览器字体都会显示虚化  */ -webk...
MUI Android分享功能
/** 更新分享服务 */ /*   更新分享服务需要在 mui.plusReady里执行  */ function updateSerivces() {     plus.share.getServices(         function(data) {             shares = {};             for (var i in data)
mui 日期控件
有时候我们用到日期的时候,需要不同的格式,就需要data-options的属性可以设置他的类型。 &amp;lt;ul class=&quot;mui-table-view&quot;&amp;gt; &amp;lt;li class=&quot;mui-table-view-cell&quot;&amp;gt; &amp;lt;a class=&quot;mui-...
【问题解决】BootStrap.css与layDate日期选择样式起冲突的解决办法
转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】  问题如图: 给大家看下正常的layDate年份选择图片: 一开始想到的,以为是自己没有将layer.css导入,或者layDate.css没有导入,出现的这个问题,结果发现只要导入layer.css,会自动导入layDate.css的,所以问题不在这里。然后通过火狐浏览器去查
ExtJs常见控件错位的问题
       在用ExtJS做前端界面开发,你容易发现很多控件离奇错位,同时没有任何运行时错误,你会摸不着头脑。         其实这是由state引起的。ExtJS中的state机制,会使Component保存当前的一些state信息(包括布局、大小),很多state信息的保存都是自动的。当调用了Ext.state.Manager.setProvider 函数后,内建的自动保...
解决ionic在Android和iOS的一些样式上的冲突
//设置默认返回按钮的文字 $ionicConfigProvider.backButton.previousTitleText(false).text('返回'); // 设置全局 $http 超时 $httpProvider.interceptors.push('timeoutHttpIntercept'); // 配置选项卡,让tab在iOS和Android都显示在底部 $ionicCon
bootstrap下laydate样式错乱问题
问题:如图显示:   解决方案:在页面中查看发现bs使用了 * {box-sizing:border-box;} 重置了盒子模型那么我们再把它重置回来,在样式中加入以下代码.laydate_box, .laydate_box * {        box-sizing: content-box;    }...
【求助】Angular2开发微信H5,无报错,样式却混乱,页面重叠怎么破?(已解决)
最近测试给我提交了一些BUG,内容描述是 “刚进入微信H5页面的时候是正常的,但是当点击返回键的时候,样式就错乱了” ,有点懵逼,我和他的手机都是安卓的,那么我开发完,肯定是我自己的实机先测试过才发出去给他测试的。然后我拿他手机来看一下,果然就是错乱了,如下图所示: 准确的来说,是好几个组件同时充斥在一个页面里了。 这个问题之前开发的时候也有过,但是,那是排查的时候发现是有报错,解决掉报错...
Mui picker修改时间控件默认选中时间,开始时间,结束时间,及日期格式
一 通过官网文档,看构造函数里面有开始时间,结束时间和日期格式的参数,如下:于是在标签上进行尝试,data-options相当于是一个构造函数的参数&amp;lt;button data-options='{&quot;type&quot;:&quot;month&quot;:&quot;beginYear&quot;:&quot;2005&quot;,&quot;endYear&quot;:&quot;2050&quot;}' class=&quot;btn mui-btn mui-btn-block&q
MUI调用城市和时间控件
&amp;lt;div class=&quot;mui-content&quot;&amp;gt; &amp;lt;div class=&quot;listt&quot;&amp;gt; &amp;lt;div class=&quot;mui-input-row&quot; style=&quot;margin-top: 98px;&quot;&amp;gt; &amp;lt;label style=&quot;width: 100px;&quot;&amp;gt;所在城市&amp
mui开发安卓端,输入法软键盘导致css横屏样式判断触发
css 横屏媒体查询 @media screen and (orientation:landscape) {} 一般情况下无问题,写了就不用纠结手机对比度问题,但是!竖屏模式下,如果打开软键盘,小屏幕手机会判断可见区域高度小于宽度,触发横屏样式,导致页面混乱。样式过多导致不能直接用js判断宽屏解决。 解决: 增加了一个自定义样式 .landscapeBox 写在了所有的媒体查询样式之中,...
如何自定义mui按钮被按下时的颜色
mui的按钮被按下时的颜色主要是通过修改样式来实现的,即未被按下时是一种颜色,被按下时是另一种颜色。&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-s
swing时间控件,windows样式的
swing时间控件,windows样式的swing时间控件,windows样式的swing时间控件,windows样式的
关于MUI的一些样式修改
1.MUI 中 Ul  li 标签中如何修改单机颜色 .mui-table-view-cell.mui-active{ background-color:#F0AD4E;//改成自己想用的颜色就好 }
还是mui的日期选择插件使用,可以在弹出日期选择之前提问他是否想修改
触先提示确定再让选择         //在弹出日期选择之前提问    $("#touch")[0].addEventListener('tap', function() {          var this1=this;//把这个点击记住           var btnArray = ['是', '否'];     mui.confirm('是否要修改生日', '警告',
MUI框架按钮点击时样式没变化
还是前任项目遗留的问题,♦ 尝试1:直接给:active伪类加!important提升权重,如下(来自mui社区的解决方法):无效// 如果是按钮被点击的时候 则用下面的方法写 加入!imort 设置强制优先级 .mui-btn-primary:active { color: #fff; border: 1px solid #fff; background-color: #000!importa...
页面加载时样式无效,样式混乱
页面加载时,从上到下一行一行的读取代码,所以css样式表要在,页面加载时最先引入加载,以免出现,页面因为样式还没有加载出来引起的样式无效,样式混乱...
ios手机返回上一级字体和样式发生变化的bug
最近写了一个自适应的网站,在兼容ios的时候出现了一个很奇怪的bug,比如我这里有个新闻列表,当我点击查看详情进入的时候再返回刚才的列表页,在安卓上一点问题都没有,可是在ios系统上就出现了一个很奇怪的bug,就是标题所说,比如字体先放大然后回到原来的样子,百思不得其解,真的是一个深坑,一点一点慢慢找问题,最后发现是transition这个属性搞得鬼,在你设置all的时候在安卓上是没有问题的,可是...
360浏览器兼容模式无法弹出layer对话框问题
问题 Layer插件的提示框在极速模式下正常显示,但是兼容模式下不显示。解决 360有俩模式(点击地址栏的闪电图标或者IE图标可以切换) 一个是基于Webkit内核的极速模式,一个是IE内核的兼容模式。   强制360以极速模式浏览网页,可以给此网页增加meta,强制360浏览器以极速模式解析此网页,而非IE兼容模式。&...
Mui.picker.min.js
MUI的时间控件,方便很多的小伙伴们一起使用,mui.picker.min.js
H5 IOS Android 通用日期控件
[img]http://dl2.iteye.com/upload/attachment/0128/2980/0ff150a5-0d25-3b9a-ae2d-68719ba78c75.png[/img] H5 IOS Android 通用日期控件
去掉苹果默认样式
-webkit-appearance: none;
【福分系统】MUI日期控件
小编最近在做一个页面查询功能的时候,用到了MUI的日期控件,虽然最终的代码不多,但是使用过程中仍然出现了很多问题,现在做一个小结。     由于方法已经封装好,因此我们直接使用就可以。但我们需要知道的是,点击选择日期按钮时,如何触发它的事件?如何获得选中日期的值? html 请选择日期 JavaScript (function ($) { $.init(
移动端 精简mui.css,实现mui的弹出层(不使用mui.js,只包含弹出层)
使用mui的样式,实现mui的弹出层(不使用mui.js),精简代码,实现弹出效果,不受其他plus等影响
使用swiper出现样式错乱的问题,解决方法
正确的布局; 打开页面是这样的; 那么解决的办法是: 在swiper初始化内添加这两个属性就可以了; observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper ...
【前端篇】简单易学的MUI时间控件
之前在工作中写了一个兼容手机端的H5页面,用的是原生的时间控件,这样会调用每个手机自带的时间控件,不过在IOS上显示是英文的,所以为了解决这个问题,决定用一个时间控件(picker),用过Jquery自带的不过太丑了,然后用过bootstrp-picker.min.js的插件,最后还是选择使用了mui-picker.min.js。简单实用。 省略以上废话,直接进入正题。。。。 先要导...
时间控件(可设置精确到时分秒以及两个时间的对比控制)
(可设置精确到时分秒,开始结束时间的对比控制) DateChooseWheelViewDialog,TimeDialog
VUE框架之页面样式混乱问题
这是自己在开发过程中遇到的小坑,都知道每个vue文件中有对应的css样式, 但是vue框架中每个vue页面的style必须加上scoped属性,如下图所示,代表仅对当前页面生效,否则在运行项目时页面样式会出现杂乱 ...
bootstrap日历插件没图标的原因之一
我是按这这链接进行操作的:日历的使用方式 我就是按它的步骤写的了,但是为什么日历的图标都是显示不了了?但有报错信息如下: GET http://127.0.0.1:8020/bootStrapTest/bootstrap%e6%97%a5%e5%8e%86%e6%8f%92%e4%bb%b6/fonts/glyphicons-halflings-regular.woff GET http:/
vue打包后样式文件引用加载顺序错误,导致样式错乱
项目开发环境下,运行应用程序样式正常,但是通过npm run build打包后,放到服务器上,再次访问,就会出现css错乱,自定义的css文件被其它组件的样式给覆盖了,比如引用了iview.css样式,就会被此文件覆盖。 解决方案: import Vue from 'vue'; import 'iview/dist/styles/iview.css'; import App from './...
接口数据问题导致的前端界面样式错乱 (解决前端BUG思路)
欢迎来到Altaba的博客  2018年6月8日今天在维护老版的新闻监测项目时候,发现一个问题,列表数据样式错乱了,我第一反应是自己是不是自己不小心动了js里面那个拼接字符串部分,少了什么闭合标签(页面列表数据都是通过拼接字符串动态加载到页面的,这个项目我是维护的,维护拼接字符串这块真的好累呀)简单介绍下自己平时改BUG思路,问题来了首先是要找到问题所在(此处省略10000字),逐步缩小范围,然后...
红色样式的时间控件源码例子
红色样式的时间控件源码例子,一般应用于联通内部系统的时间控件。很方便的一个时间控件
对mui下拉刷新,上拉刷新样式自定义
mui.init({ pullRefresh: { container: '#pullrefresh', down: { callback: pulldownRefresh }, up: {
My97DatePicker绿色样式时间控件
My97DatePicker绿色样式时间控件
自定义TimePicker
自定义时间控件timePicker的样式
mui日期选择插件自定义可以选择的结束日期
这是mui的日期选择的。http://blog.csdn.net/qq_33769914/article/details/73325764 但是他只能自定义开始的年月日。但是结束的如果想限制怎么办? 点击我看看自定义开始结束日期  //  任何属性都不用写在下面js里面定义也行 $('#btn1')[0].addEventListener("click",function