{nativescript} 从日期选择器获取值并将结果保存到文本框

Question

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

<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>

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

Answer 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

{nativescript} 从日期选择器获取值并将结果保存到文本框

{nativescript} get value from datepicker and save result to textbox

nativescript