avalon-ui篇datepicker：datepicker基本配置

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





posted @ 2015-05-04 01:51  静文  阅读(376)  评论(0)    收藏  举报