paper-time-picker, 聚合物材料设计时间选取元件

分享于 

2分钟阅读

GitHub

  繁體 雙語
Material design time picker component for polymer
  • 源代码名称:paper-time-picker
  • 源代码网址:http://www.github.com/bendavis78/paper-time-picker
  • paper-time-picker源代码文档
  • paper-time-picker源代码下载
  • Git URL:
    git://www.github.com/bendavis78/paper-time-picker.git
    Git Clone代码到本地:
    git clone http://www.github.com/bendavis78/paper-time-picker
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/bendavis78/paper-time-picker
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    paper-time-picker

    材料设计时间选取器,与聚合物 1.0 兼容。

    根据材料设计规范提供响应时间选取器。 这个组件的目标是成为 Lollipop 中引入的时间选取器的。

    wide picker screenshotnarrow picker screenshot

    请参阅组件页以获得完整的文档。

    示例:

    默认选取器:

    <paper-time-picker></paper-time-picker>

    将初始时间设置为 4: 20pm ( 请注意,小时为 24 -hour ):

    <paper-time-pickertime="4:20pm"></paper-time-picker>

    如果将这里元素作为 paper-dialog的一部分包含,请使用对话框上的类 "paper-time-picker-dialog" 来为它的提供适当的样式。

    <paper-dialogid="dialog"modalclass="paper-time-picker-dialog"on-iron-overlay-closed="dismissDialog">
     <paper-time-pickerid="timePicker"time="[[time]]"></paper-time-picker>
     <divclass="buttons">
     <paper-buttondialog-dismiss>Cancel</paper-button>
     <paper-buttondialog-confirm>OK</paper-button>
     </div>
    </paper-dialog>
    报告 Bug

    提交 Bug 报告时,请提供如何使用 plunker,jsbin,jsfiddle,等等的示例,你可以使用以下plunker作为起点: http://plnkr.co/edit/gVQluG0GrFP3RzCPZPIi

    如果你发现这个组件有用,请通过捐赠到大胆的想法来展示你的支持。 单击下面的按钮 !

    ideaSpark campaign button


    COM  DES  MAT  设计  Material  MATE  
    相关文章