Android控件：WebVIew（三）日历选择器

最新推荐文章于 2024-05-08 23:49:10 发布

鱼包子Ray

最新推荐文章于 2024-05-08 23:49:10 发布

阅读量1.6k

点赞数

分类专栏： Android 文章标签： webview android中Javascript 控件

本文链接：https://blog.csdn.net/baopengjian/article/details/49101989

版权

Android 专栏收录该内容

240 篇文章 0 订阅

订阅专栏

Android本身就有DatePicker和TimePicker控件的代码如下

 1import java.util.Calendar;
 2import org.json.JSONException;
 3import org.json.JSONObject;
 4import android.app.Activity;
 5import android.app.DatePickerDialog;
 6import android.app.DatePickerDialog.OnDateSetListener;
 7import android.os.Bundle;
 8import android.os.Handler;
 9import android.webkit.WebView;
10import android.widget.DatePicker;
1112publicclass MyWebViewTestActivity extends Activity {
13public WebView webView;
1415// Handler handler;1617     @Override
18publicvoid onCreate(Bundle savedInstanceState) {
19super.onCreate(savedInstanceState);
20         setContentView(R.layout.main);
2122         webView = (WebView) findViewById(R.id.myWebView);
28         webView.getSettings().setJavaScriptEnabled(true);
29         webView.addJavascriptInterface(new ProxyBridge(), "ProxyBridge");
30         webView.loadUrl("file:///android_asset/index.html");
31     }
3233class ProxyBridge {
34         String date;
35         String json_date;
36         DatePickerDialog pickerDialog;
37         Handler handler = new Handler();
38publicvoid getDateTime() {
39             handler.post(new Runnable() {
40                 @Override
41publicvoid run() {
42final Calendar cd = Calendar.getInstance();
43                     pickerDialog = new DatePickerDialog(
44                             MyWebViewTestActivity.this,
45new OnDateSetListener() {
4647                                 @Override
48publicvoid onDateSet(DatePicker view,
49int year, int monthOfYear,
50int dayOfMonth) {
51try {
52                                         date = String.valueOf(year) + "-"
53                                                 + String.valueOf(monthOfYear)
54                                                 + "-"
55                                                 + String.valueOf(dayOfMonth);
56                                         JSONObject map = new JSONObject();
57                                         map.put("date", date);
58// json_date = "[{\"time\":\"2012-02-18\"}]";59                                         json_date = map.toString();
60                                     } catch (JSONException e) {
61                                         e.printStackTrace();
62                                     }
63                                     webView.loadUrl("javascript:setDateTime("
64                                             + json_date + ")");
65                                 }
66                             }, cd.get(Calendar.YEAR), cd.get(Calendar.MONTH),
67                             cd.get(Calendar.DAY_OF_MONTH));
68                     pickerDialog.show();
69                 }
70             });
71         };
73     }
74 }

以下是HTML的测试代码

<html>

<head>

<title>日期选择测试</title>

<script language= "javascript" >

function setDateTime(JSONdate){

var jsonobjs = eval(JSONdate);

var date=jsonobjs.date;

document.getElementById( "datetext" ).value=date;

}

</script>

</head>

<body>

<form>

<input type= "text" id= "datetext"

onclick= "window.ProxyBridge.getDateTime();" value= "" />

</form>

</body>

</html>

鱼包子Ray

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android控件：WebVIew（三）日历选择器

Android本身就有DatePicker和TimePicker控件的代码如下 1import java.util.Calendar; 2import org.json.JSONException; 3import org.json.JSONObject; 4import android.app.Activity; 5import android.app.DatePickerDialog;...
复制链接

扫一扫

专栏目录