webview 日期选择器适用于 android 模拟器但不适用于设备？答案

【问题标题】：webview date picker works in android emulator but not on device?webview 日期选择器适用于 android 模拟器但不适用于设备？
【发布时间】：2015-03-01 11:27:13
【问题描述】：

我使用了此处发布的代码示例calling date picker from javascript，这在 android 模拟器中运行良好。当我在 web 视图中单击日期输入框时，会出现 android 日期选择器，我可以选择它。

但是，当我在我的设备上测试它时，我只得到一个标准文本输入字段，就好像该方法没有被调用一样。有没有人有什么建议？我使用的完整代码是：

public class MainActivity extends ActionBarActivity {

  public  WebView mWebView;

    @Override
    protected void onCreate (Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mWebView = (WebView) findViewById(R.id.activity_main_webview);
    WebSettings webSettings = mWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);

    final MyJavaScriptInterface myJavaScriptInterface = new MyJavaScriptInterface(this);
    mWebView.addJavascriptInterface(myJavaScriptInterface, "MyJavaScriptInterface");

    mWebView.loadUrl("http:// mywebsite.html");
}

    // Classe de prise en charge du java privé
    public class MyJavaScriptInterface {
        public String m_szTagId;

        Context mContext;

        MyJavaScriptInterface(Context c) {
            mContext = c;
        }

        public void openDatePickerDialog(String szTagId) {
            m_szTagId = szTagId;
            Calendar c = Calendar.getInstance();
            DatePickerDialog dp = new DatePickerDialog(mContext, new OnDateSetListener() {
                public void onDateSet(DatePicker view, int year,
                                      int monthOfYear, int dayOfMonth) {
                    String szDate = String.format("%04d/%02d/%02d", year, monthOfYear + 1, dayOfMonth);
                    mWebView.loadUrl("javascript:callFromActivity_RetDate(\"" + m_szTagId + "\", \"" + szDate + "\")");
                }
            }, c.get(Calendar.YEAR), c.get(Calendar.MONTH), c.get(Calendar.DAY_OF_MONTH));
            dp.show();
        }

    } // Class MyJavaScriptInterface


    @Override
    public boolean onCreateOptionsMenu (Menu menu){
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
}

    @Override
    public boolean onOptionsItemSelected (MenuItem item){
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}
}

Javascript 代码是：

// ---- date picker to call methods of the android device
$('#datepicker').click(function(e){
	getDataDate();
});

function getDataDate(){
    MSSAndroidFunction.openDatePickerDialog('datepicker');
}


function callFromActivity_RetDate(datepicker, data) {
    document.subHours.datepicker.value = data;
}

【问题讨论】：

我在方法上方添加了@JavascriptInterface，但仍然没有乐趣
回到这个我已经稍微更改了代码，但我得到的错误是：[INFO:CONSOLE(161)] "Uncaught ReferenceError: MSSAndroidFunction is not defined"，来源：@987654322 @我改了方法绑定“MSSAndroid所以我有点迷茫

标签： javascript android jquery datepicker android-webview

【解决方案1】：

您已将 JavaScript 接口命名为 MyJavaScriptInterface，因此您必须从 JavaScript 调用它。

即：

您必须在 JavaScript 方法中使用 MyJavaScriptInterface.openDatePickerDialog('datepicker')，而不是 MSSAndroidFunction.openDatePickerDialog('datepicker')。

我有一个基于WebView 的应用程序，我在另一个类中定义接口，而不是内部类，并且在初始化时我这样做：

htmlInterface=new HTMLInterface(this, webView);
webView.addJavascriptInterface(htmlInterface, "Android");

希望对你有帮助
问候

【讨论】：