zoukankan      html  css  js  c++  java
  • 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"





  • 相关阅读:
    charCodeAt() 和charAt()
    去除全角空格
    string字符串js操作
    取小数的常见操作
    js取最大最小值
    js加减法运算多出很多小数点
    js设置div透明度
    setTimeout设置不起作用
    node.js 找不到 xxx 模块解决办法
    servlet 监听器和过滤器入门
  • 原文地址:https://www.cnblogs.com/Zjingwen/p/4475164.html
Copyright © 2011-2022 走看看