zoukankan      html  css  js  c++  java
  • jquery mobile datepicker

    1.http://jquerymobile.com/demos/1.0a4.1/experiments/ui-datepicker/

    这个只能用在iOS和PC上,使用<input date,Android上用不了;

    2.http://mobipick.sustainablepace.net/demo.html 下载demo包

    这个在PC(IE,Chrome上已测试),iOS,Android上都是work的,属于android风格;

                var today = new Date();
                var y = today.getFullYear();
                var m = today.getMonth() + 1;
                var d = today.getDate();
    
                var yyyy = y.toString();
                var mm = m.toString();
                var dd = d.toString();
                if (m < 10) { mm = "0" + m; }
                if (d < 10) { dd = "0" + d; }
                date = yyyy + "-" + mm + "-" + dd;
    这个格式直接传递给后台controller.action(DateTime date)是可以的

    用Jquery mobile时,如果选择日期后动态加载数据列表,将选择日期的<input type='text' id='date' />放在content的第一条,如下:

    <div data-role="content">
            <input type='text' id='date' />
            <div id="List"></div>
    </div>

    用$("List").html(html)动态加载的完数据后,使用下列语句绑定datepicker:

    var picker = $("#date", this);
            picker.mobipick();
            picker.on("change", function () {
                var date = $(this).val();
                var dateObject = $(this).mobipick("option", "date");
            });//输入框日期改变后,改变弹出框日期为当前输入框日期;

    3.html5下的input[type='date]貌似是浏览器实现的;一句话ok,时间格式在后天转换的话可能不一样;

  • 相关阅读:
    JAVA学习25天
    Java学习第24天
    Java学习第23天
    Java学习22天
    第3周
    Java21
    day23作业
    day23
    Typecho使用技巧
    搭建Typecho博客
  • 原文地址:https://www.cnblogs.com/paul-cheung/p/3347051.html
Copyright © 2011-2022 走看看