WebAPI Document - GUIソリューション - チュートリアル

日付入力

日付、および、時間を設定出来ます。なお、探索属性により、時間の入力が不要な場合があります。

インクルード

<script type="text/javascript" src="expGuiDateTime.js?key=keycode"></script>
<link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiDateTime.css">

サンプルコード

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
    <title>
    Webサービスサンプル
    </title>
    <link class="css" rel="stylesheet" type="text/css" hrefexpCss/expGuiDateTime.css">
    <script type="text/javascript" src="expGuiDateTime.js?key=keycode">
    </script>
    <script type="text/javascript">
      <!--
var dateTimeApp;
/*
 * パーツを初期化
 */
function init(){
  // 日付入力パーツ初期化
  dateTimeApp = new expGuiDateTime(document.getElementById("dateTime"));
  dateTimeApp.dispDateTime();
}
// -->
    </script>
  </head>
  <body onLoad="Javascript:init();">
    <div id="dateTime">
    </div>
  </body>
</html>

画面サンプル(PC)

画面サンプル(スマートフォン)

画面サンプル(タブレット)