在一列

时间:2017-06-26 15:53:01

标签: angular cordova ionic-framework ionic2 datetimepicker

我想创建一个具有以下格式的Datetime选择器: enter image description here 我想我必须创建一个带有关联值的自定义列表,但不知道如何在Datetime选择器的视图中使用它。

有任何线索吗?

1 个答案:

答案 0 :(得分:1)

您可以使用此插件 - skwas-cordova-plugin-datetimepicker(另请参阅npm link)。

快速示例 -

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {

var myDate = new Date(); // From model.

cordova.plugins.DateTimePicker.show({
    mode: "datetime", //you want to pick date and time both from spinner
    date: myDate,
    allowOldDates: true,
    allowFutureDates: true,
    minuteInterval: 15,
    locale: "EN",
    okText: "Select",
    cancelText: "Cancel",
    android: {
        theme: 16974126, // Theme_DeviceDefault_Dialog
        calendar: false,
        is24HourView: true
    },
    success: function(newDate) {
        // Handle new date.
        console.info(newDate);
        myDate = newDate;
    },
    cancel: function() {
        console.info("Cancelled");
    },
    error: function (err) {
        // Handle error.
        console.error(err);
    }
});
}
  

在棒棒糖及以上的日期和时间选择器更改为日历   和径向采摘器。如果你想使用微调器(例如使用   minuteInterval),选择一个显示日期和时间选择器的主题   微调器,如Theme_DeviceDefault_Light,Theme_Holo_Dialog或者   传统主题。

然后,您可以将Theme设置为here的合适常量int值,以将径向默认视图更改为微调器视图。