(如果打开过慢,或者打不开,原因你懂得。)
一、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"