(如果打开过慢,或者打不开,原因你懂得。)
一、head块
<head><meta charset="UTF-8"><title>datepicker基本配置</title><link rel="stylesheet" href="app/index.css" /><script src="../../bower_components/avalon.oniui/avalon.js"></script><script>require(["datepicker/avalon.datepicker"], function() {var datamodule = avalon.define({$id:'datepickerTiem'});avalon.scan();})</script></head>
二、body块
<div ms-controller="datepickerTiem"><input ms-widget="datepicker"/><input ms-widget="datepicker" data-datepicker-allow-blank="true"><input ms-widget="datepicker" data-datepicker-start-day="0"><input ms-widget="datepicker" data-datepicker-start-day="1"><input ms-widget="datepicker" data-datepicker-change-month-and-year="true" /></div>
三、解释
<input type="text" ms-widget="datepicker"/>//默认在输入框显示信息<input type="text" ms-widget="datepicker" data-datepicker-allow-blank="true"/>//默认不在输入框显示信息 data-datepicker-allow-blank="true"<input type="text" ms-widget="datepicker" data-datepicker-start-day="0"/>//使得日历从周日开始显示 data-datepicker-start-day="0"<input type="text" ms-widget="datepicker" data-datepicker-start-day="1"/>//使得日历从周一开始显示,默认配置 data-datepicker-start-day="1"<input ms-widget="datepicker" data-datepicker-change-month-and-year="true"/>//开启年份,月份选择功能 data-datepicker-change-month-and-year="true"