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 <) { 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 datepicker

最新文章

热门文章