jQuery Mobile Datepicker 使用

插件引入文件:

<meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet"  href="jquery.mobile-git.css" />
    <link rel="stylesheet" href="jquery.mobile.datepicker.css" />
    <link rel="stylesheet" href="jquery.mobile.datepicker.theme.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="external/jquery-ui/datepicker.js"></script>
    <script src="jquery.mobile-git.js"></script>
    <script src="jquery.mobile.datepicker.js"></script>
    <!--简体中文-->
    <script src="datepicker-zh-CN.js"></script>
     <!--隐藏日期控件输入框-->
     <style>       
        .ui-input-text{display:none;} 
    </style>

js部分:获取选择的日期:

//默认日期格式
        var currentDateOjb =$("#datepicker").datepicker();//得到日期对象
        currentDate=currentDateObj.val()//日期字符串
       alert(currentDate);

//指定日期格式
        var date= $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val()
        alert(date);

html部分:

<input type="text" id="datepicker"  data-inline="true" data-role="date" />

推荐:http://codego.net/77722/

附录:

datepicker-zh-CN.js内容:
/* Chinese initialisation for the jQuery UI date picker plugin. */
/* Written by Cloudream (cloudream@gmail.com). */
(function( factory ) {
    if ( typeof define === "function" && define.amd ) {

// AMD. Register as an anonymous module.
        define([ "../widgets/datepicker" ], factory );
    } else {

// Browser globals
        factory( jQuery.datepicker );
    }
}(function( datepicker ) {

datepicker.regional['zh-CN'] = {
    closeText: '关闭',
    prevText: '<上月',
    nextText: '下月>',
    currentText: '今天',
    monthNames: ['一月','二月','三月','四月','五月','六月',
    '七月','八月','九月','十月','十一月','十二月'],
    monthNamesShort: ['一月','二月','三月','四月','五月','六月',
    '七月','八月','九月','十月','十一月','十二月'],
    dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
    dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
    dayNamesMin: ['日','一','二','三','四','五','六'],
    weekHeader: '周',
    dateFormat: 'yy-mm-dd',
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: true,
    yearSuffix: '年'};
datepicker.setDefaults(datepicker.regional['zh-CN']);

return datepicker.regional['zh-CN'];

}));

上一篇:oracle查询重复数据出现次数


下一篇:bnuoj 1071 拼图++(BFS+康拓展开)