WebView---js调用原生日历控件

最新推荐文章于 2021-03-05 21:30:13 发布

姜康

最新推荐文章于 2021-03-05 21:30:13 发布

阅读量1.5k

点赞数

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/jking54/article/details/72235812

版权

这篇博客展示了如何在WebView中通过JavaScript调用原生的Android日历控件。通过设置'jk'作为js接口，使用@JavascriptInterface注解确保安全调用，并详细解释了DatePickerDialog在多线程环境下的正确使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图

效果图.png

html文件

<!doctype html>
<html>
<head>
    <script>
        function showDatePickerDialog(){
            jk.showDatePickerDialog();
        }
    </script>
</head>
<body>
    <div class = "test">
        <button onclick="showDatePickerDialog()">打开日历选择器</button>
    </div>
</body>
</html>

Android

    public class WebActivity extends AppCompatActivity {

    @BindView(R.id.tv_web_title)
    TextView tvWebTitle;
    @BindView(R.id.web_progress_bar)
    ProgressBar webProg