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

你可能感兴趣的:(JQuery Mobile)