我已使用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插件。 ?
答案 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标签。