mui 时间日期控件(浏览器上无法查看,在手机端可以点击)

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title></title>
	<link href="css/mui.min.css" rel="stylesheet" />
	<!--<link href="css/mui.dtpicker.css" rel="stylesheet" />-->
	<script src="js/mui.min.js"></script>
	<!--<script src="js/mui.dtpicker.js"></script>-->
	<script type="text/javascript" charset="utf-8">
		mui.init();
	</script>
</head>

<body>

	<div class="mui-content">
		<div style="padding:20px;">
			<button type="button" onclick="showDate();">徐文龙请你获取日期</button>
		</div>
	</div>

</body><script type="text/javascript">	function showDate() {

var dDate = new Date();		dDate.setFullYear(2016,10,24);		var minDate = new Date();		minDate.setFullYear(1950,2,3);		var maxDate = new Date();		maxDate.setFullYear(2040, 12, 1);

plus.nativeUI.pickDate(			function(e) {				var d = e.date;				mui.toast(‘徐文龙选择的日期是:‘ + d.getFullYear() + ‘-‘ + (d.getMonth() + 1) + ‘-‘ + d.getDate());			},

function(e) {				mui.toast(‘ 徐文龙没有选择日期‘);			}, {				title: ‘徐文龙选择日期‘,				date:dDate,				mindate: minDate,				maxdate: maxDate			}		)	}</script>

此时间日期控件 只能在手机端 可以看到.在hbuilder上连接手机. 然后手机上可以看到. 手机上可以点击,非手机端不能点击,也看不到.这个hbuilder调用mui框架中的原生h5的方法浏览器上不能显示

时间: 2024-12-09 17:21:26

mui 时间日期控件(浏览器上无法查看,在手机端可以点击)的相关文章

Android ApiDemos 学习——时间日期控件

时间日期进程会用到平时的开发中,android内置了两种可交互的时间日期控件,一种是对话框形式的,一种是内嵌式的. 分别使用了android的类TimePickerDialog.DatePickerDialog以及TimePicker,其中TimePicker需要在layout中进行设置 对话框形式的时间控件 public class DateDialog extends Activity { // where we display the selected date and time priv

My97DatePicker时间日期控件的使用

My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件: <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 3.页面使用两个方式: 常规调用:  <input id="d11" type="text"

一个自定义时间日期控件的使用

一个自定义时间日期的控件,依赖类是GitHub下的.比较好用,现在将使用流程记下: 1.布局文件 <TextView android:id="@+id/tv_remunera_day_datepick" style="@style/input_datepicker" android:layout_width="fill_parent" android:layout_height="wrap_content" androi

bootstrap datetimepicker时间日期控件

github地址:https://github.com/smalot/bootstrap-datetimepicker Both Date and Time picker widget based on twitter bootstrap (supports Bootstrap v2 and v3) http://www.malot.fr/bootstrap-datetimepicker/ 绑定输入框,并设置format选项: <input type="text" value=&

selenium之 时间日期控件的处理(转)

我们不去搞时间日期空间,我们把它当成一个普通的input框处理就好了! 但是,很多此类型input框都是禁止手动输入的,怎么办? 很简单,用js把禁止输入的readonly属性干掉就好了. 来吧,看一下示例: 示例网址:http://www.sucaijiayuan.com/api/demo.php?url=/demo/20141108-1/ 代码: # -*- coding: utf-8 -*- from selenium import webdriverfrom time import sl

jquery日期控件使用,起止时间

1.下载jQuery核心文件,datepicker是轻量级插件,只需jQuery的min版本就行了,然后到官网http://jqueryui.com/download下载jquery-ui压缩包(可以选择喜欢的theme),里面就包含对datepicker的支持,当然您也可以网站http://marcgrabanski.com/pages/code/jquery-ui-datepicker下载datepicker,包括ui.core.js和ui.datepicker.js. 2.在HTML中引用

日期DatePicker与时间TimePicker控件

在AndroidApp应用中,设置日期和时间时间也是经常遇见的,下面我们一起学习一下. 我们需要学习Android中的基本控件:(1)日期选择控件DatePicker (2)时间选择控件TimePicker. 一.设计登录窗口 打开"res/layout/activity_main.xml"文件.  1.分别从工具栏向activity拖出1个日期选择控件DatePicker. 1个时间选择控件TimePicker.1个按钮Button.控件来自Time&Date.Form Wi

美观实用值得收藏的Web前端日期控件的实现(上)

1.  JS日历选择器控件 源码下载  /  在线演示 2.  jQuery响应式事件日历表 源码下载 /  在线演示 3.pikaday轻量级日期选择插件 源码下载/   在线演示 美观实用值得收藏的Web前端日期控件的实现(上)

jsp日期插件My97DatePicker 强大的日期控件 使用方便简单

本文属转载(希望对编程爱好者有所帮助)详情请访问官方网站 http://www.my97.net/dp/index.asp 一. 简介 1. 简介 目前的版本是:4.7 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途:WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名con