日期选择器daterangepicker

请问下用daterangepicker的日期选择器,怎么写一个联动的月视图的年月选择器啊,不要日和时间,只要年和月。。。搞了好久没搞出来

http://www.daterangepicker.com/

阅读 5.6k
3 个回答

开发者没有提供相应api,自己现写一个会更轻松。ui可以直接用bootstrap。

年月太简单了,自己写一个吧

在移动端,目前我用HTML5 type=month(不兼容,然并卵);
不过你可以看一下这个http://m.sui.taobao.org/components/#datetime-picker ;

下面这个是我找到的,还没使用(……^_^……)

HTML:
<input value="2015-05-01 15:42:02" class="" readonly="readonly" name="appDateTime" id="appDateTime" type="text">

引入Javascript:
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.0.min.js" ></script>
<script type="text/javascript" src="js/mobiscroll.js" ></script>

<script>
$(function () {
    var currYear = (new Date()).getFullYear();    
        var opt={};
        opt.date = {preset : 'date'};
        opt.datetime = {preset : 'datetime'};
        opt.time = {preset : 'time'};
        opt.default = {
            theme: 'android-ics light', //皮肤样式
            display: 'modal', //显示方式 
            mode: 'scroller', //日期选择模式
            dateFormat: 'yyyy-mm-dd',
            lang: 'zh',
            showNow: true,
            nowText: "今天",
            startYear: currYear - 10, //开始年份
            endYear: currYear + 10 //结束年份
        };
          var optDateTime = $.extend(opt['datetime'], opt['default']);
        $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
});
</script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进