MonacaのDatepickerの使い方

###前提・実現したいこと
MonacaでCordovaプラグインの「datepicker」を使用したいのですが、「午前・午後/時間/分」を取得した場合、入力した値のみを画面に表示したいのですが、「Mon Apr 10 2017 15:40:00 GMT+0900(JST)」のようにいらないものまで取得し表示してしまいます。
「午前・午後/時間/分」だけを表示する方法を教えていただけると嬉しいです。

###該当のソースコード

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <title>PhoneGap</title>
    <script src="components/loader.js"></script>
    <link rel="stylesheet" href="components/loader.css">

    <link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title">

    <script>
        document.addEventListener("deviceready", onDeviceReady, false);
        var datePicker;

        function onDeviceReady() {
            // datepicker
            console.log("cordova is ready");
            datePicker = window.plugins.datePicker;
        }

        function getTime(){
            datePicker.show({
                 "mode" : "time",
                 "date" : new Date("2000/01/02 03:04:05")
            }, function(a){document.getElementById("timeButton").innerHTML = new Date(a).toString()});
        }
    </script>
</head>

<body>
    <hr> datepicker test<hr>
    <p>
        <input type="button" onclick="getTime()" value="getTime"/>
        <br/>
        <span id="timeButton"></span>
    </p>
</body>
</html>

行動規範の内容に同意します

回答1件

ベストアンサー

それが基本的なJavaScriptの形式です。好みの形式に変えたければ、それなりのコードを書く必要があります。

以下、参考までに引数にdateを受け取りYYYY/MM/DDに変換するためのコードです。
同様に、「午前・午後/時間/分」を表示できるようdatepickerプラグインのコールバック関数で受け取っている値「a」を用いて変換をかければよいと思います。

Javascript
1  function fixDate(date) {
2
3  var y = date.getFullYear();
4  var m = date.getMonth() + 1;
5  var d = date.getDate();
6
7  if (m < 10) m = "0" + m;
8  if (d < 10) d = "0" + d;
9
10  return y + "/" + m + "/" + d;
11  }