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

Question

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

我有一个views / dates.xml：

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

在我的controllers / 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函数不起作用。我仍然可以加载视图并显示日期选择器，但它仍将显示今天的默认日期。

Answer 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文件中，您必须使用 { {3}} 对象，而在XML格式中，您必须使用 JavaScript Date 日期对象。