MUI地址:http://dev.dcloud.net.cn/mui/ 首先引入相关JS CSS脚本。

HTML代码:

  <input   class="dt flat" style="width:200px;"     value='2018-05-16 19:00'     type="text">

然后给class为dt增加JS事件

 <script>

        $(".dt").on('tap', function () {
that = this;
var _init = $(that).val();
options = { "value": "" + _init + "", "customData": { "i": [{ "text": "00", "value": "00" }, { "text": "30", "value": "30" }] }, "labels": ["年", "月", "日", "时", "分"] };
var dtPicker = new mui.DtPicker(options)
dtPicker.show(function (rs) {
$(that).val(rs.text);
});
}); </script>

效果

最新文章

  1. Linux系统性能优化思路和方法
  2. Spring中文文档-第一部分
  3. android检测版本更新
  4. 公司内多个公众号实现账号互通(UnionID机制处理)
  5. Shell数组相关操作
  6. winform建立非矩形窗体
  7. projecteuler Sum square difference
  8. 00_ForTest
  9. 一些关于poi导入的样例
  10. mmc一维下料例子
  11. 异常分析:关于jsp页面使用jstl
  12. Reverse Integer 2015年6月23日
  13. 【动态规划】 EditDistance
  14. 【RL-TCPnet网络教程】第25章 DHCP动态主机配置协议基础知识
  15. CSS---内外边距
  16. vs2017如何设置类或函数前不显示引用的数量
  17. bootstrap 全局样式设置
  18. HDU 4496 D-City(逆向并查集)
  19. 找xpath好用的工具(Firefox插件)
  20. 内存映射函数remap_pfn_range学习——代码分析(3)

热门文章

  1. google 与服务器搭建
  2. hdu3642扫描线 长方体
  3. NBUT1457
  4. 性能测试二十四:环境部署之Redis多实例部署
  5. python 全栈开发,Day52(关于DOM操作的相关案例,JS中的面向对象,定时器,BOM,client、offset、scroll系列)
  6. C#中IEnumerable、ICollection、IList、IQueryable 、IQueryable 、List之间的区别
  7. Android Rom build.prop文件详解
  8. 注解工具ButterKnife用法和注意点
  9. python访问百度地图接口并返回信息
  10. .NetCore源码阅读笔记系列之Security (三) Authentication &amp; AddOpenIdConnect