paul_cheung

导航

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,时间格式在后天转换的话可能不一样;

posted on 2013-09-30 11:50  paul_cheung  阅读(1723)  评论(0编辑  收藏  举报