{nativescript}从datepicker获取值并将结果保存到文本框

时间:2016-09-05 14:29:40

标签: nativescript

在我的xml上,我有1个textfield和1个datepicker。如何获取日期选择器结果并将结果存储在文本字段中?

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
  <StackLayout>
    <TextField hint="tanggalprospek" text="{{ tanggalprospek }}" />
    <DatePicker day="15" month="5" year="2016" id="date" />
    <Button text="Get Tap" tap="{{ getTap }}" />   
  </StackLayout>
</Page>

非常感谢你的帮助.. :)

1 个答案:

答案 0 :(得分:1)

在页面控制器中获取日期选择器并获取它的日期值,然后将其与notifyPropertyChange事件一起设置为文本字段。我还使用moment.js来获得良好的日期格式。

在xml中:

<Button text="Get Tap" tap="getTap" />   

在页面控制器中:

var moment = require("moment");
export function getTap(args) {
    var myDatePicker = page.getViewById("date");
    var date = moment(myDatePicker.date);
    var dateText = date.format("Do MMM [,] H:mm").toString();
    page.bindingContext.set("tanggalprospek", dateText);
    page.bindingContext.notifyPropertyChange("tanggalprospek", dateText);
}

P / s:我正在使用TypeScript