Question

需要帮助为Phonegap实现此DatePicker插件。也许我在这里遗漏了一些东西，但是在通过CLI将插件添加到我的项目之后我完全迷失了。记录在案的“用法”并没有帮助我。

使用以下示例html，应该为其挂钩添加什么内容？

<form>
    <label for="user_name">Name</label>
        <input name="user_name" type="text" id="user_name" placeholder="Name" />
    <!-- what here?? -->
    <input type="submit" value="Register" />
</form>

使用jQuery，我该如何初始化它？

存储库： https://github.com/nicholasareed/cordova-plugin-datepicker/tree/007feae6393d7022af51d9a60055f7de4dd89e54

提前感谢您提供帮助我解决此问题的任何信息。

Answer 1

所有现代手机（Android / iPhone）都支持HTML5输入类型。这将触发本机日期选择。不再需要复杂的datepicker-jquery-javascript魔法了。试试这个：

<input type="date" name="mydate" />

然后点击手机上的文字字段。

Answer 2

您可能需要添加输入服务。通常在单独的* .js文件中执行此操作。

在项目的www目录中创建test.js文件并将其添加到你的index.html head section：

<html> 
    <head>
     ...
    <script type="text/javascript" src="path-to-test/test.js">
</head>

    <body> 
     ...
    </body>

在test.js文件中添加datePicker配置：

var options = {
  date: new Date(),
  mode: 'date'
};

和onClick事件处理程序（jQuerMobile示例）：

$('#idButton').on('click',function(){
    // show picker
    datePicker.show(options, function(date){
    //get result
        alert("date result " + date);  
    });
});

无法理解DatePicker for Phonegap

2 个答案: