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: ‘&#x3C;上月‘,
    nextText: ‘下月&#x3E;‘,
    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‘];

}));

jQuery Mobile Datepicker 使用

标签：

原文地址：http://www.cnblogs.com/xiaowei1763369680/p/4786666.html