码迷,mamicode.com
首页 > 其他好文 > 详细

4、功能钮

时间:2016-06-06 00:46:38      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:

1、多选框:ion-checkbox

/* --- html ---*/
 
<ion-content>
 
  <ion-item>
    <ion-label>Daenerys Targaryen</ion-label>
    <ion-checkbox dark checked="true"></ion-checkbox>
  </ion-item>
 
  <ion-item>
    <ion-label>Arya Stark</ion-label>
    <ion-checkbox disabled="true"></ion-checkbox>
  </ion-item>
 
</ion-content>
 
/* --- html ---*/   

技术分享

2、时间选择框:ion-datetime

/* --- js----*/
 
import { Page } from ‘ionic-angular‘;
 
@Page({
  templateUrl: ‘build/pages/tabs/tabs.html‘
})
 
export class TabsPage {
 
  constructor() {
    this.myDate = ‘1990-01-01‘;   //设置一个默认时间
  }
  getDate(){
    console.log(this.myDate)     //因为myDate已经与 ion-datetime 数据绑定了 所以。点击按钮可以获取 ion-datetime的值。
  }
}
 
/* --- js ----*/  
/* --- html----*/
 
<ion-content>
 
  <ion-item>
    <ion-label>Date</ion-label>
    <ion-datetime   displayFormat="YYYY/MM/DD" [(ngModel)]="myDate"></ion-datetime>
  </ion-item>
  <button  (click) = "getDate()" >获取我选中的时间</button>
 
</ion-content>
 
/* --- html ----*/   

技术分享

4、功能钮

标签:

原文地址:http://www.cnblogs.com/dandingjun/p/5562472.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!