Appcan 日期控件

某个页面的onclick事件

              <div id="topSendDate" class="ub ub-f1" onclick="appcan.window.open({name:'dateSelect',dataType:0,data:'dateSelect.html'});">                    

                </div>

dateSelect.html

<!DOCTYPE html>

<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">

    <head>

        <title></title>

        <meta charset="utf-8">

        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">

        <link rel="stylesheet" href="css/ui-box.css">

        <link rel="stylesheet" href="css/ui-base.css">

        <link rel="stylesheet" href="css/ui-color.css">

        <link rel="stylesheet" href="css/appcan.icon.css">

        <link rel="stylesheet" href="css/appcan.control.css">

        <link rel="stylesheet" href="dateSelect_content/css/main.css">

    </head>

    <body class="um-vp " ontouchstart>

        <div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">

            <!--header开始-->

            <div id="header" class="uh ub bc-text-head-feedback bc-head">

                <div class="nav-btn" id="nav-left"><返回</div>

                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">送货时间选择</h1>

                <div class="nav-btn nav-bt" id="nav-right"></div>

            </div>

            <!--header结束--><!--content开始-->

            <div id="content" class="ub-f1 tx-l">

            </div>

            <!--content结束-->

        </div>

        <script src="js/appcan.js"></script>

        <script src="js/appcan.control.js"></script>

    </body>

    <script>

        appcan.ready(function() {

            var titHeight = $('#header').offset().height;

            appcan.frame.open("content", "dateSelect_content.html", 0, titHeight);

            window.onorientationchange = window.onresize = function() {

                appcan.frame.resize("content", 0, titHeight);

            }

        });

        appcan.button(".nav-btn", "btn-act", function() {

            appcan.window.close(-1);

        })

        function closeNow () {

            appcan.window.close({

                aniId:0,

                animDuration:1000

            });

        }

    </script>

</html>

dateSelect_content.html

<!DOCTYPE html>

<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">

    <head>

        <title></title>

        <meta charset="utf-8">

        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">

        <link rel="stylesheet" href="css/ui-box.css">

        <link rel="stylesheet" href="css/ui-base.css">

        <link rel="stylesheet" href="css/ui-color.css">

        <link rel="stylesheet" href="css/appcan.icon.css">

        <link rel="stylesheet" href="css/appcan.control.css">

        <link rel="stylesheet" href="feedback_content/css/main.css">

    </head>

    <body class="um-vp bc-bg-f8" ontouchstart>

        <div class="ub ub-ver uinn-a3 ub-fv">

            <div class="ub-ver uinn-at1">

                <div class="uinput ub ub-f1  bc-border uba">

                    <input id="dateID" placeholder="请选择日期！" type="text" class="ub-f1" onclick="uexControl.openDatePicker(year,month,day);">

                </div>

                <div class="uinput ub ub-f1  bc-border uba umar-t" >

                    <input id="timeID" placeholder="请选择时间！" type="text" class="ub-f1" onclick="uexControl.openTimePicker(hour,minute)">

                </div>

                <div class="ub ub-ver">

                    <div class="uinn-at1">

                        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn-feedback uc-a1-feedback fw-b" id="submit1" onclick="submitFeedback()">

                                                                                        确认

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <input id="userIDHide" type="hidden" name="userIDHide" value="">

        <script src="js/appcan.js"></script>

        <script src="js/appcan.control.js"></script>

        <script src="js/common.js"></script>

        <script src="js/imitate.js"></script>

        <script src="js/zy_control.js"></script>

    </body>

    <script>

        var day;

        var month;

        var year;

        var hour;

        var minute;

        appcan.ready(function() {

            appcan.initBounce();

            loadDate();

            uexControl.cbOpenDatePicker=function(opCode,dataType,data){

                var obj = eval('('+data+')');

                $("#dateID").val(obj.year+"-"+obj.month+"-"+obj.day);

            };

            uexControl.cbOpenTimePicker=function(opCode,dataType,data){

                var obj = eval('('+data+')');

                $("#timeID").val(obj.hour+":"+obj.minute);

            };

        })

        function loadDate () {

            var myDate = new Date();

            day = myDate.getDate();

            month = myDate.getMonth()+1;

            year = myDate.getFullYear();

            hour = myDate.getHours();

            minute = myDate.getMinutes();

            $("#dateID").val(year+"-"+month+"-"+day);

            $("#timeID").val(hour+":"+minute);

        }

        function submitFeedback() {

　　　　　　　　appcan.window.evaluateScript('dateSelect','closeNow()');
　　　　　　　　appcan.window.evaluatePopoverScript('submitOrder','submitOrder_content','$("#topSendDate").text("'+$("#dateID").val()+' '+$("#timeID").val()+'")') }

function alertvalue (value) {

            alert(value);

        }

 </script>

</html>

main.css

.c-wh-pLG{

    background-color:#f2f2f2;

}

.uinn-pLb1{

    padding-bottom:0.7em;

}

.userImg{

    background-image:url('images/userImg.png');

}

.pwdImg{

    background-image:url('images/pwdImg.png');

}

.b-gra3{

    border-color:#d8d8d8;

}

.uinn-a4{

    padding:0.9em 0.625em 0.8125em 0.625em;

}

.t-gra2 {

    color: #d8d8d8;

}

.mar-ar2 {

margin-right: 0.375em;

}

.uinn-a5 {

padding: 0.8125em 0.625em 0.9em 0.625em;

}

.uinn-a6 {

padding: 1em 0.65em 0 0.65em;

}

.uinn-at2{

    padding-top:0.75em;

}

.uinn-at1{

    padding-top:1em;

}

.c-wh{

    background-color: white;

}

.bc-text-head-feedback {

    color: #FF5D5E;

}

.bc-btn-feedback {

    background-color: #FF5959;

}

.uc-a1-feedback {

    -webkit-border-radius: 0.2em;

    border-radius: 0.2em

}

.fw-b{

    font-weight: bold

}

.bc-bg-f8 {

    background-color: #F8F8F8;

}

.uinput input, .uinput textarea {

    background: #FFFFFF ;

}

.umar-t {

    margin-top:1em;

}

Appcan 日期控件的更多相关文章

bootstrop 日期控件 datepicker被弹出框dialog覆盖的解决办法
筒子们在使用bootstrap的日期控件(datepicker , 现在官网提供的名称叫 datetimepicker)时可能会遇到如上图的问题这是啥原因造成的呢? 答案很简单时输出的优先级造成的(z ...
my97DatePicker日期控件——日期输入框联动，使用focus使第二个输入框没展示出日期控件
描述问题场景: 1.jquery使用的版本是jquery-1.7.2.min.js 2.代码不是写在页面上的,是通过事件后追加的 <!DOCTYPE html> <html> ...
怎样使用My97日期控件
有网友说无法使用My97日期控件,Insus.NET测试一下,是可以正常使用了. 在ASP.NET MVC环境中测试. 去官网下载My97日期控件程序包: 下载解压之后,把程序的目录拷贝至projec ...
jQuery Datepicker日期控件
datepicker可以为bootstrap添加一个事件选择控件,适用于任何需要调用的场合,支持多种事件格式输出(比如:dd, d, mm, m, yyyy, yy等),是制作网页不可缺失的插件. R ...
jQuery LayDate 日期控件
她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器.她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封 ...
JQuery datepicker 日期控件设置
datepicker控件可通过参数设置进行语言切换,以下可实现,系统所有日期控件默认为中文,在特定页面或者特定条件下可切换成英语!~ HTML: <!DOCTYPE html> <h ...
bootstrap-datetimepicker 日期控件的开始日期
今天做日期控件,需求要求设置一个时间范围限制,选择从今天开始的日期才可以选择,今天以前都不可以选择主要体现在bootstrap-datetimepicker控件下面的2个日期参数 weekStart ...
easyui 日期控件清空值
最近用了Easyui的日期控件datebox,项目中要将选中值清空,于是就研究了一下. 1,调用方法清空 $('#yourId').combo('setText',''); 2,更改js文件从官网下 ...
WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展
一．前言申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: 日历控 ...

随机推荐

C#或者WPF中让某个窗体置顶
原文:C#或者WPF中让某个窗体置顶前记:在工作中有个需求,要求不管到那个界面,我必须让一个浮动条(其实是个窗体)置顶. 我用wpf,因为有之前有好几个界面已经设置成topmost了,所以在这几个界 ...
1 开始ThreeJs
因为需要需要一款网页上的游戏引擎通过百度知道了 three.js 1.先从github上clone下源码 https://github.com/mrdoob/three.js 2.下载web ...
"Redis客户端连接数一直降不下来"的有关问题解决 good
[线上问题] "Redis客户端连接数一直降不下来"的问题解决前段时间,上线了新的 Redis缓存(Cache)服务,准备替换掉 Memcached. 为什么要将 Memcach ...
Linux性能测试命令大全
Linux 系统出现问题时,我们不仅需要查看系统日志信息,而且还要使用大量的性能监测工具来判断究竟是哪一部分(内存.CPU.硬盘……)出了问题.在 Linux 系统中,所有的运行参数保存在虚拟目录 ...
matlab 正态分布相关 API
randn:标准正太分布(μ=0,σ=1) normrnd:正态分布随机数,(需要手动指定 μ,σ,二者均是标量) mvnrnd:多变量正态分布随机数,(需要手动指定 μ,σ(二者为向量))
matlab figure 调整大小、字体、线宽
用 matlab 画了一张图,投稿时要缩小,缩小后字体就会过小或者发虚. 解决办法: % figure resize set(gcf,'Position',[100 100 260 220]); se ...
大数据_zookeeper环境搭建中的几个坑
文章目录 [] Zookeeper简介关于zk的介绍, zk的paxos算法, 网上已经有各位大神在写了, 本文主要写我在搭建过程中的几个极有可能遇到的坑. Zookeeper部署中的坑坑之一 E ...
反编译 war 包成传统项目的方法
需求项目老大让外包做了官网,不甚满意,想自己搞搞,遂叫我反编译他们发过来的 war 包. 方法第一步:解压 war 包其实就是 zip 压缩包,用 zip 解压. 第二步:反编译查看 war 包 ...
ELINK编程器典型场景之序列号烧写
序列号烧写功能是指往指定的FLASH存储位置写入产品序列号.由于产品序列号写入到FLASH存储位置,启用序列号功能需要考虑以下几个方面:如果您的应用使能了读保护,则解除读保护将触发全片擦除机制,序列号 ...

Appcan 日期控件

Appcan 日期控件的更多相关文章

随机推荐

热门专题