如何在 Appcelerator 中动态设置日期选择器的日期？答案

【问题标题】：How to set date of a datepicker in Appcelerator dynamically?如何在 Appcelerator 中动态设置日期选择器的日期？
【发布时间】：2018-02-13 17:32:27
【问题描述】：

我想知道如何使用 Appcelerator 为 ipad/iphone 设置日期选择器的选定日期？

我有一个views/dates.xml：

<Window onOpen="setDates">
<Picker id="picker" type="Ti.UI.PICKER_TYPE_DATE"></Picker>
</Window>

在我的控制器/dates.js 中：

function setDates(){
 //Here I want to retrieve my existing picker and set the selected date to something else. 
 //For example: 
 $.picker.setDate(new Date("2017-03-03"));
}

不幸的是，上面的 setDate 函数不起作用。我仍然可以加载视图并显示日期选择器，但它仍会显示今天的默认日期。

【问题讨论】：

标签： datepicker appcelerator appcelerator-titanium appcelerator-alloy

【解决方案1】：

您可以在 Alloy XML 文件或 JS 控制器文件中设置日期，如下所示：

XML

<Alloy>
    <Window backgroundColor="blue">
        <Picker id="picker"
          onChange="report"
          type="Ti.UI.PICKER_TYPE_DATE"
          minDate="2014,4,1"
          maxDate="May 1, 2014 12:00:00"
          value="2017-03-03T12:00:00">
        </Picker>
    </Window>
</Alloy>

.JS 文件

$.picker.value = new Date(2017, 3, 3);

// or

$.picker.value = new Date("2017-03-03");

注意： 在日期类型选择器中设置默认日期的不同之处在于，在 .JS 文件中，您必须使用 JavaScript Date 对象，而在 XML 中您必须使用 Moment Parseable 日期对象。

【讨论】：