在Windows Phone 8中调用Date Time Picker插件

时间:2014-04-23 10:50:12

标签: cordova windows-phone-8 phonegap-plugins

我已使用CLI成功创建了一个新的Cordova Windows Phone 8项目。

我也成功添加了此Date time picker Plguin, [就像它在使用CLI的页面上所说的那样]

该插件用于在文本框上显示本机日期时间选择器。

现在我试图调用该插件,

我试过了,

<input type="Date" id="samp" />
<input type="datetime" id="samp" />
<input type="datetime-local" id="samp" />

等..在我的代码中,但我的应用中没有显示本机日期时间选择器。有人可以帮我吗?

有人可以告诉我如何调用这个Datetime Picker插件。 ?

2 个答案:

答案 0 :(得分:3)

我向创作者本人提出了这个问题,他向我解释了如何做到这一点。

尚未提供详细的文档。当点击(未经测试)具有“日期输入”类的元素时,这样的事情会显示日期选择器:

例如:<input type="text" class="date-input" />

[你必须做些什么来避免使用软键盘,如何制作它&#39; readonly&#39;?]

$(".date-input").bind("click", function() {
    datetimepicker.selectDate(function (date) {
        console.log(date);
    });
});

选择日期后,回调函数会将所选日期记录到控制台,但您可以使用它执行任何操作。

回调函数将返回一个值。您必须解析它以获取日期格式。 此代码将转换为JavaScript日期对象:

date = new Date(parseInt(date, 10));

然后,您可以以任何方式格式化日期。


例如:<input type="text" class="time-input" />

[你必须做些什么来避免使用软键盘,如何制作它&#39; readonly&#39;?]

$(".time-input").bind("click", function() {
    datetimepicker.selectTime(function (time) {
        console.log(time);
    });
});

同样你也可以使用时间。

:-)快乐编码.. !!

答案 1 :(得分:0)

您可以简单地避免使用“输入”标记来调用datetimepicker选择器。 为什么? 输入标记将首先调用焦点上的默认键盘。而是使用span或div标签。