LoginSignup
0
0

More than 3 years have passed since last update.

intra-mart を利用したjsp画面でClandar付入力項目のonChange動作

Posted at

個人用の技術メモ

そもそもこれを書く理由は、im:calendarと関連する入力項目にだけonChangeをかけると、calendarによる入力時は動いてくれないので、それの対応策。

まず、入力項目のonChange動作は通常通り実装(一応手入力もできるので)

   //IE11前のIEバージョン
   if(window.attachEvent){
     document.getElementById("id").attachEvent( 'onchange', function(){//処理内容function})
   } else {
   //IE11,mozilla系(firefox,chromeなど)ブラウザ
     document.getElementById("id").addEventListener( 'change', function(){//処理内容function})
   }

で、im:calendarの属性onSelectを利用して、同じ内容を実装する

   //IE11前のIEバージョン
   <im:calendar onSelect = "//処理内容function"/>

めんどくさく感じますが、ほかのいい方法思いつかないので、これで。intra-martさん提供してる情報あまり詳細がないので困るわ。

因みに、calendarで日付を選択する瞬間、フォーカスアウト動作になるので、通常のフォーカスアウト動作を実装した場合、思うように動かないでしょう。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0