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"





转载于:https://www.cnblogs.com/Zjingwen/p/4475164.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值