jquery做个日期选择适用于手机端

                    jquery做个日期选择适用于手机端
                

                    时间：2017-03-14 14:59:53
                         阅读：271
                         评论：0
                         收藏：0
                         [点我收藏+]
                

                    标签：注意   document   logs   jquery   url   当前时间   set   data   let   
第一步：做个 文本框用于显示年月日的
第二步：点击文本框触发 
 var month=date.getMonth()+1;
 month =(month<10 ? "0"+month:month); 
 var mydate = (year.toString()+month.toString());
注意，year.toString()+month.toString()不能写成year+month。不然如果月份大于等于10，则月份为数字，会和年份相加，如201210，则会变为2022，需要加.toString()

 
以下是搜到的有用内容：
var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间
 
 
<SCRIPT LANGUAGE="JavaScript">
function monthnow(){
 var now   = new Date();
 var monthn = now.getMonth();
 var yearn  = now.getYear();
 window.location.href="winnNamelist.jsp?getMonth="+monthn+"&getYear="+yearn;
}
</script>
 
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="jquery-1.11.2.min.js" ></script>
    <script src="bootstrap.min.js" ></script>
    <script src="riqi.js"></script>
    <link href="bootstrap.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <input type="text" id="riqi" style="margin-top: 20px; margin-left: 100px;" />
     
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">日期选择</h4>
            </div>
            <div class="modal-body">
                                    
                <select id="nian"><!--年-->
                </select>
                <select id="yue"><!--月-->
                </select>
                <select id="tian"><!--天-->
                </select>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="sure">确定</button><!--把我要选的内容扔到文本框里-->
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
</body>
<script type="text/javascript">
//这是加载用的
$("#riqi").click(function(){
        $(‘#myModal‘).modal(‘show‘);/*当点击文本框的时候，要触发并显示模态框*/
        LoadNian();//调出的当前年份
        LoadYue();//调出的当前月份
        LoadTian();//调出的当前天
    })
//给年月加个事件。这是操作用的
$("#sure").click(function(){
        var nian = $("#nian").val();//取到后吧这三个值扔到文本框里面
        var yue = $("#yue").val();
        var tian = $("#tian").val();
         
        var str = nian+"-"+yue+"-"+tian;//把年月日拼字符串
        $("#riqi").val(str);
        $(‘#myModal‘).modal(‘hide‘)//选完直接关闭模态框
    })
 
 
</script>
</html>