

[Datepickerプラグイン -
Monacaドキュメント](http://docs.monaca.mobi/2.9/ja/reference/phonegap_plugin/datepicker/)

上記ページを参照して、monacaのCordovaプラグイン「datepicker」を有効にするところまではできました。

ただ、そのあと **実際どこに何を記述すればいいかわかりません。**  
初歩的な質問で申し訳ないです・・

Androidの場合・iOS の場合と分かれているということは、  
共通のindex.htmlに記述してもだめということかもしれません。

でも、Androidフォルダ・iOSフォルダ以下のどちらにもhtmlは生成されていないので、  
どこに書けばいいかわかりません。

あと、できればこの問題が解決した後に「 **今日の日付から指定された日付を引き算する**
」という処理をしたいです。それについてもアドバイスいただけると嬉しいです。

お手数ですが、ご回答よろしくお願いいたします。


CC BY-SA 3.0
2015-03-14T09:11:15.220
7908
2015-03-19T13:17:53.117
2015-03-14T12:36:55.013
3313
8828
question
html monaca cordova
monacaのdatepickerの使い方を教えてください


index.htmlに記述すれば、大丈夫です。下記のようにmonaca.isAndroidやmonaca.isIosというプロパティを使ってOSごとに書き分けることができます。

[code]

    <!DOCTYPE HTML>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <script src="components/loader.js"></script>
        <link rel="stylesheet" href="components/loader.css">
        <link rel="stylesheet" href="css/style.css">
        <script>
    
          function dateTest() {
    
            if(monaca.isAndroid === true) {
    
                var myNewDate = new Date();
    
                window.plugins.datePicker.show({
                    date : myNewDate,
                    mode : 'date',
                    allowOldDates : true
                }, function(returnDate) {
                    var newDate = new Date(returnDate);
                    alert(newDate.toString());
                });
    
            } else {
                var datePicker = window.plugins.datePicker;
                datePicker.show({
                    "mode" : "datetime",
                    "date" : new Date("2000/01/02 03:04:05")
                }, function(date){
                    alert(new Date(date).toString())
                });
            }
        }    
    
        </script>
    </head>
    <body>
        <br />
        <button onclick="dateTest()">Test</button>
    </body>
    </html>
    
[/code]

> あと、できればこの問題が解決した後に「今日の日付から指定された日付を引き算する」という処理をしたいです。それについてもアドバイスいただけると嬉しいです

DateオブジェクトにはgetHours()など時間等を取得する関数がありますので、それらを組み合わせて実現できます。MDNが詳しいのでこちらを見てください。

<https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date>


CC BY-SA 3.0
2015-03-19T13:17:53.117
8139
2015-03-19T13:17:53.117
7871
7908
answer