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 阅读(1743) 评论(0) 编辑 收藏 举报