麻煩了解Phonepat的DatePicker

需要幫助爲Phonegap實現此DatePicker插件。也許我在這裏錯過了一些東西，但是我完全失去了通過CLI將插件添加到我的項目後要做什麼。記錄的「用法」對我無能爲力。麻煩了解Phonepat的DatePicker

用下面的例子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

感謝您事先的任何信息，幫助我解決這個問題。

來源

2014-02-28 Ryan Prentiss

您可能需要添加服務的輸入。通常你在單獨的* .js文件中執行它。

在項目中創建的WWW目錄test.js文件，並把它添加到你幾乎index.html的頭部分：

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

    <body> 
    ... 
    </body>

在你test.js文件中添加日期選擇器配置：

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); 
    }); 
});

來源

2014-02-28 08:47:49

是否有一個特定的表單元素，我應該使用，還是它會簡單地覆蓋任何元素我放在那裏與該ID？另外，使用CLI時，我是否仍然需要在我的config.xml中手動調用它？ –

它只處理事件。只需將任何元素的id，當你點擊它時，日期選擇器將被顯示，並且結果將被存儲在日期變量中。無需添加到配置文件。你也可以把datepicker lib放在js文件中，並在中聲明它，但是你怎麼添加它並不重要。 –

所有現代手機（Android/iPhone）都支持HTML5輸入類型。這將觸發本機日期選擇。無需複雜的datepicker-jquery-javascript魔術了。試試這個：

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

然後點擊手機上的文本框。

來源

2014-02-28 08:43:46

哦，那很好！這次真是萬分感謝。可以節省我幾個小時的谷歌搜索。 –

麻煩了解Phonepat的DatePicker

回答

相關問題