本文主要是介绍使用zepto库结合weui做移动端选择日期,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。
cv走可以直接用
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>WeUI</title><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><!--引入weui的css样式文件--><link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.css" />
</head><body><div id="showDatePicker">选择</div>
</body><script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.js" type="text/javascript" charset="utf-8"></script><!--引入--><script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><!--weui.min.js有版本之分,在低版本的js中有些功能不完善,在高版本会支持--><script src="https://res.wx.qq.com/open/libs/weuijs/1.1.4/weui.min.js"></script><script type="text/javascript">$('#showDatePicker').on('click', function () {weui.datePicker({start: 1990,end: new Date().getFullYear(),onChange(res){console.log(res);},onConfirm(res) {console.log(res);var date=res[0].label+'-'+res[1].label+'-'+res[2].label$('#showDatePicker').html(date)}});});</script>
</html>
这篇关于使用zepto库结合weui做移动端选择日期的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!