javascript - 同じフォームに 2 つの異なる種類のカレンダーを表示する方法は?

Question

サイトがモバイルまたはデスクトップで閲覧されているかどうかに応じて、カレンダーを変更することに興味があります。

この jQuery には、カレンダー モードと Android モードの両方があります。 http://dev.jtsage.com/jQM-DateBox/

ブラウザのサイズに応じて変更するにはどうすればよいですか?

このようなものを使用しますか

document.documentElement.clientWidth

Answer 1

ブラウザの user_agent を検出し、それに応じて jquery カレンダーを表示する方がよいでしょう。以下はコード例です。

if(navigator.userAgent.indexOf("Android") >= 0 || navigator.userAgent.indexOf("iPhone") >= 0) { 
// Show mobile calendar
} else {
// Show desktop calendar
}